@charset "UTF-8";
@font-face {
  font-family: "fs_elliot_probold";
  src: url("../font/fs_elliot_pro-bold-webfont.eot");
  src: url("../font/fs_elliot_pro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../font/fs_elliot_pro-bold-webfont.woff") format("woff"), url("../font/fs_elliot_pro-bold-webfont.ttf") format("truetype"), url("../font/fs_elliot_pro-bold-webfont.svg#fs_elliot_probold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fs_elliot_proitalic";
  src: url("../font/fs_elliot_pro-italic-webfont.eot");
  src: url("../font/fs_elliot_pro-italic-webfont.eot?#iefix") format("embedded-opentype"), url("../font/fs_elliot_pro-italic-webfont.woff") format("woff"), url("../font/fs_elliot_pro-italic-webfont.ttf") format("truetype"), url("../font/fs_elliot_pro-italic-webfont.svg#fs_elliot_proitalic") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fs_elliot_proregular";
  src: url("../font/fs_elliot_pro-regular-webfont.eot");
  src: url("../font/fs_elliot_pro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../font/fs_elliot_pro-regular-webfont.woff") format("woff"), url("../font/fs_elliot_pro-regular-webfont.ttf") format("truetype"), url("../font/fs_elliot_pro-regular-webfont.svg#fs_elliot_proregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fs_elliot_prolight";
  src: url("../font/fs_elliot_pro-light-webfont.eot");
  src: url("../font/fs_elliot_pro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../font/fs_elliot_pro-light-webfont.woff") format("woff"), url("../font/fs_elliot_pro-light-webfont.ttf") format("truetype"), url("../font/fs_elliot_pro-light-webfont.svg#fs_elliot_prolight") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fs_elliot_proheavy";
  src: url("../font/fs_elliot_pro-heavy-webfont.eot");
  src: url("../font/fs_elliot_pro-heavy-webfont.eot?#iefix") format("embedded-opentype"), url("../font/fs_elliot_pro-heavy-webfont.woff") format("woff"), url("../font/fs_elliot_pro-heavy-webfont.ttf") format("truetype"), url("../font/fs_elliot_pro-heavy-webfont.svg#fs_elliot_proheavy") format("svg");
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: "fs_elliot_proregular", Helvetica;
}

h1 {
  font-family: "fs_elliot_prolight", Helvetica;
}

h2 {
  font-family: "fs_elliot_prolight", Helvetica;
}

h3 {
  font-family: "fs_elliot_prolight", Helvetica;
}

h4 {
  font-family: "fs_elliot_prolight", Helvetica;
}

/* normalize.css v1.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
  background: #E6E7E8;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: 0.83em;
  margin: 1.67em 0;
}

h6 {
  font-size: 0.75em;
  margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/*
 * Addresses `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: '';
  content: none;
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
medium{
  font-size: 90%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 27px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.bg-light-grey {
  background-color: #dee7f3;
}

.bg-blue {
  background-color: #1b338b;
}

.bg-violet {
  background-color: #574393;
}

.bg-hot-pink {
  background-color: #ea7aaf;
}

.bg-pink {
  background-color: #f2accd;
}

.bg-grey {
  background-color: #c9cacc;
}

.bg-yellow-orange {
  background-color: #fec500;
}

.bg-spring-green {
  background-color: #40a43b;
}

.blue * {
  color: #1853a3;
}

.purple * {
  color: #4b217f;
}

.gradient-blue {
  background-color: #0069b4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0069b4', endColorstr='#0069b4', GradientType=if($orientation=="radial", 1, 0));
  background: #0069b4;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #0069b4), color-stop(100%, #0069b4));
  background: -webkit-linear-gradient(top, #0069b4, #0069b4);
  background: -moz-linear-gradient(top, #0069b4, #0069b4);
  background: -ms-linear-gradient(top, #0069b4, #0069b4);
  background: -o-linear-gradient(top, #0069b4, #0069b4);
  background: linear-gradient(top, #0069b4, #0069b4);
}
.gradient-blue.radial {
  background-color: #0069b4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0069b4', endColorstr='#0069b4', GradientType=if($orientation=="radial", 1, 0));
  background: #0069b4;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #0069b4 0%, #0069b4 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #0069b4 0%, #0069b4 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #0069b4 0%, #0069b4 100%);
  background: -o-radial-gradient(top, circle closest-corner, #0069b4 0%, #0069b4 100%);
  background: radial-gradient(circle closest-corner at top, #0069b4 0%, #0069b4 100%);
}

.gradient-green {
  background-color: #40a43b;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40a43b', endColorstr='#7ebd36', GradientType=if($orientation=="radial", 1, 0));
  background: #40a43b;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #40a43b), color-stop(100%, #7ebd36));
  background: -webkit-linear-gradient(top, #40a43b, #7ebd36);
  background: -moz-linear-gradient(top, #40a43b, #7ebd36);
  background: -ms-linear-gradient(top, #40a43b, #7ebd36);
  background: -o-linear-gradient(top, #40a43b, #7ebd36);
  background: linear-gradient(top, #40a43b, #7ebd36);
}
.gradient-green.radial {
  background-color: #40a43b;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40a43b', endColorstr='#7ebd36', GradientType=if($orientation=="radial", 1, 0));
  background: #40a43b;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #40a43b 0%, #7ebd36 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #40a43b 0%, #7ebd36 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #40a43b 0%, #7ebd36 100%);
  background: -o-radial-gradient(top, circle closest-corner, #40a43b 0%, #7ebd36 100%);
  background: radial-gradient(circle closest-corner at top, #40a43b 0%, #7ebd36 100%);
}

.gradient-violet {
  background-color: #4f1d7f;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f1d7f', endColorstr='#584696', GradientType=if($orientation=="radial", 1, 0));
  background: #4f1d7f;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #4f1d7f), color-stop(100%, #584696));
  background: -webkit-linear-gradient(top, #4f1d7f, #584696);
  background: -moz-linear-gradient(top, #4f1d7f, #584696);
  background: -ms-linear-gradient(top, #4f1d7f, #584696);
  background: -o-linear-gradient(top, #4f1d7f, #584696);
  background: linear-gradient(top, #4f1d7f, #584696);
}
.gradient-violet.radial {
  background-color: #4f1d7f;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4f1d7f', endColorstr='#584696', GradientType=if($orientation=="radial", 1, 0));
  background: #4f1d7f;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #4f1d7f 0%, #584696 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #4f1d7f 0%, #584696 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #4f1d7f 0%, #584696 100%);
  background: -o-radial-gradient(top, circle closest-corner, #4f1d7f 0%, #584696 100%);
  background: radial-gradient(circle closest-corner at top, #4f1d7f 0%, #584696 100%);
}

.gradient-pink {
  background-color: #f4bbd6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4bbd6', endColorstr='#e75e9d', GradientType=if($orientation=="radial", 1, 0));
  background: #f4bbd6;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #f4bbd6), color-stop(100%, #e75e9d));
  background: -webkit-linear-gradient(top, #f4bbd6, #e75e9d);
  background: -moz-linear-gradient(top, #f4bbd6, #e75e9d);
  background: -ms-linear-gradient(top, #f4bbd6, #e75e9d);
  background: -o-linear-gradient(top, #f4bbd6, #e75e9d);
  background: linear-gradient(top, #f4bbd6, #e75e9d);
}
.gradient-pink.radial {
  background-color: #f4bbd6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4bbd6', endColorstr='#e75e9d', GradientType=if($orientation=="radial", 1, 0));
  background: #f4bbd6;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #f4bbd6 0%, #e75e9d 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #f4bbd6 0%, #e75e9d 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #f4bbd6 0%, #e75e9d 100%);
  background: -o-radial-gradient(top, circle closest-corner, #f4bbd6 0%, #e75e9d 100%);
  background: radial-gradient(circle closest-corner at top, #f4bbd6 0%, #e75e9d 100%);
}

.gradient-lightgrey {
  background-color: #e7e7e8;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e8', endColorstr='#a9aaac', GradientType=if($orientation=="radial", 1, 0));
  background: #e7e7e8;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #e7e7e8), color-stop(100%, #a9aaac));
  background: -webkit-linear-gradient(top, #e7e7e8, #a9aaac);
  background: -moz-linear-gradient(top, #e7e7e8, #a9aaac);
  background: -ms-linear-gradient(top, #e7e7e8, #a9aaac);
  background: -o-linear-gradient(top, #e7e7e8, #a9aaac);
  background: linear-gradient(top, #e7e7e8, #a9aaac);
}
.gradient-lightgrey.radial {
  background-color: #e7e7e8;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e8', endColorstr='#a9aaac', GradientType=if($orientation=="radial", 1, 0));
  background: #e7e7e8;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #e7e7e8 0%, #a9aaac 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #e7e7e8 0%, #a9aaac 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #e7e7e8 0%, #a9aaac 100%);
  background: -o-radial-gradient(top, circle closest-corner, #e7e7e8 0%, #a9aaac 100%);
  background: radial-gradient(circle closest-corner at top, #e7e7e8 0%, #a9aaac 100%);
}

.gradient-midgrey {
  background-color: #b8babd;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8babd', endColorstr='#a9aaac', GradientType=if($orientation=="radial", 1, 0));
  background: #b8babd;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #b8babd), color-stop(100%, #a9aaac));
  background: -webkit-linear-gradient(top, #b8babd, #a9aaac);
  background: -moz-linear-gradient(top, #b8babd, #a9aaac);
  background: -ms-linear-gradient(top, #b8babd, #a9aaac);
  background: -o-linear-gradient(top, #b8babd, #a9aaac);
  background: linear-gradient(top, #b8babd, #a9aaac);
}
.gradient-midgrey.radial {
  background-color: #b8babd;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8babd', endColorstr='#a9aaac', GradientType=if($orientation=="radial", 1, 0));
  background: #b8babd;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #b8babd 0%, #a9aaac 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #b8babd 0%, #a9aaac 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #b8babd 0%, #a9aaac 100%);
  background: -o-radial-gradient(top, circle closest-corner, #b8babd 0%, #a9aaac 100%);
  background: radial-gradient(circle closest-corner at top, #b8babd 0%, #a9aaac 100%);
}

.gradient-yelloworange {
  background-color: #ffdb00;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb00', endColorstr='#fc9500', GradientType=if($orientation=="radial", 1, 0));
  background: #ffdb00;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #ffdb00), color-stop(100%, #fc9500));
  background: -webkit-linear-gradient(top, #ffdb00, #fc9500);
  background: -moz-linear-gradient(top, #ffdb00, #fc9500);
  background: -ms-linear-gradient(top, #ffdb00, #fc9500);
  background: -o-linear-gradient(top, #ffdb00, #fc9500);
  background: linear-gradient(top, #ffdb00, #fc9500);
}
.gradient-yelloworange.radial {
  background-color: #ffdb00;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb00', endColorstr='#fc9500', GradientType=if($orientation=="radial", 1, 0));
  background: #ffdb00;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #ffdb00 0%, #fc9500 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #ffdb00 0%, #fc9500 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #ffdb00 0%, #fc9500 100%);
  background: -o-radial-gradient(top, circle closest-corner, #ffdb00 0%, #fc9500 100%);
  background: radial-gradient(circle closest-corner at top, #ffdb00 0%, #fc9500 100%);
}

.gradient-yellowgreen {
  background-color: #aabb17;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aabb17', endColorstr='#40a43b', GradientType=if($orientation=="radial", 1, 0));
  background: #aabb17;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #aabb17), color-stop(100%, #40a43b));
  background: -webkit-linear-gradient(top, #aabb17, #40a43b);
  background: -moz-linear-gradient(top, #aabb17, #40a43b);
  background: -ms-linear-gradient(top, #aabb17, #40a43b);
  background: -o-linear-gradient(top, #aabb17, #40a43b);
  background: linear-gradient(top, #aabb17, #40a43b);
}
.gradient-yellowgreen.radial {
  background-color: #aabb17;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aabb17', endColorstr='#40a43b', GradientType=if($orientation=="radial", 1, 0));
  background: #aabb17;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #aabb17 0%, #40a43b 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #aabb17 0%, #40a43b 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #aabb17 0%, #40a43b 100%);
  background: -o-radial-gradient(top, circle closest-corner, #aabb17 0%, #40a43b 100%);
  background: radial-gradient(circle closest-corner at top, #aabb17 0%, #40a43b 100%);
}

.gradient-orangepink {
  background-color: #f7b068;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b068', endColorstr='#e75e9d', GradientType=if($orientation=="radial", 1, 0));
  background: #f7b068;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #f7b068), color-stop(100%, #e75e9d));
  background: -webkit-linear-gradient(top, #f7b068, #e75e9d);
  background: -moz-linear-gradient(top, #f7b068, #e75e9d);
  background: -ms-linear-gradient(top, #f7b068, #e75e9d);
  background: -o-linear-gradient(top, #f7b068, #e75e9d);
  background: linear-gradient(top, #f7b068, #e75e9d);
}
.gradient-orangepink.radial {
  background-color: #f7b068;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7b068', endColorstr='#e75e9d', GradientType=if($orientation=="radial", 1, 0));
  background: #f7b068;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #f7b068 0%, #e75e9d 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #f7b068 0%, #e75e9d 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #f7b068 0%, #e75e9d 100%);
  background: -o-radial-gradient(top, circle closest-corner, #f7b068 0%, #e75e9d 100%);
  background: radial-gradient(circle closest-corner at top, #f7b068 0%, #e75e9d 100%);
}

.gradient-hotpink {
  background-color: #f4bbd6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4bbd6', endColorstr='#ea7aaf', GradientType=if($orientation=="radial", 1, 0));
  background: #f4bbd6;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #f4bbd6), color-stop(100%, #ea7aaf));
  background: -webkit-linear-gradient(top, #f4bbd6, #ea7aaf);
  background: -moz-linear-gradient(top, #f4bbd6, #ea7aaf);
  background: -ms-linear-gradient(top, #f4bbd6, #ea7aaf);
  background: -o-linear-gradient(top, #f4bbd6, #ea7aaf);
  background: linear-gradient(top, #f4bbd6, #ea7aaf);
}
.gradient-hotpink.radial {
  background-color: #f4bbd6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4bbd6', endColorstr='#ea7aaf', GradientType=if($orientation=="radial", 1, 0));
  background: #f4bbd6;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #f4bbd6 0%, #ea7aaf 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #f4bbd6 0%, #ea7aaf 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #f4bbd6 0%, #ea7aaf 100%);
  background: -o-radial-gradient(top, circle closest-corner, #f4bbd6 0%, #ea7aaf 100%);
  background: radial-gradient(circle closest-corner at top, #f4bbd6 0%, #ea7aaf 100%);
}

.gradient-silver {
  background-color: #e5e5e6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e6', endColorstr='#b8babd', GradientType=if($orientation=="radial", 1, 0));
  background: #e5e5e6;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #e5e5e6), color-stop(100%, #b8babd));
  background: -webkit-linear-gradient(top, #e5e5e6, #b8babd);
  background: -moz-linear-gradient(top, #e5e5e6, #b8babd);
  background: -ms-linear-gradient(top, #e5e5e6, #b8babd);
  background: -o-linear-gradient(top, #e5e5e6, #b8babd);
  background: linear-gradient(top, #e5e5e6, #b8babd);
}
.gradient-silver.bg-bubble {
  background-image: url("images/bg/bg-bubble.png");
  background-position: 50% bottom;
  background-repeat: no-repeat;
  background-color: #e5e5e6;
}
.gradient-silver.radial {
  background-color: #e5e5e6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e6', endColorstr='#b8babd', GradientType=if($orientation=="radial", 1, 0));
  background: #e5e5e6;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #e5e5e6 0%, #b8babd 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #e5e5e6 0%, #b8babd 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #e5e5e6 0%, #b8babd 100%);
  background: -o-radial-gradient(top, circle closest-corner, #e5e5e6 0%, #b8babd 100%);
  background: radial-gradient(circle closest-corner at top, #e5e5e6 0%, #b8babd 100%);
}

.gradient-purple {
  background-color: #bf48b5;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf48b5', endColorstr='#8a2c95', GradientType=if($orientation=="radial", 1, 0));
  background: #bf48b5;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #bf48b5), color-stop(100%, #8a2c95));
  background: -webkit-linear-gradient(top, #bf48b5, #8a2c95);
  background: -moz-linear-gradient(top, #bf48b5, #8a2c95);
  background: -ms-linear-gradient(top, #bf48b5, #8a2c95);
  background: -o-linear-gradient(top, #bf48b5, #8a2c95);
  background: linear-gradient(top, #bf48b5, #8a2c95);
}
.gradient-purple.radial {
  background-color: #bf48b5;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bf48b5', endColorstr='#8a2c95', GradientType=if($orientation=="radial", 1, 0));
  background: #bf48b5;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #bf48b5 0%, #8a2c95 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #bf48b5 0%, #8a2c95 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #bf48b5 0%, #8a2c95 100%);
  background: -o-radial-gradient(top, circle closest-corner, #bf48b5 0%, #8a2c95 100%);
  background: radial-gradient(circle closest-corner at top, #bf48b5 0%, #8a2c95 100%);
}

.gradient-greyblue {
  background-color: whtie;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#d7e2f1', GradientType=if($orientation=="radial", 1, 0));
  background: whtie;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, white), color-stop(100%, #d7e2f1));
  background: -webkit-linear-gradient(top, white, #d7e2f1);
  background: -moz-linear-gradient(top, white, #d7e2f1);
  background: -ms-linear-gradient(top, white, #d7e2f1);
  background: -o-linear-gradient(top, white, #d7e2f1);
  background: linear-gradient(top, white, #d7e2f1);
}
.gradient-greyblue.radial {
  background-color: whtie;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='white', endColorstr='#d7e2f1', GradientType=if($orientation=="radial", 1, 0));
  background: whtie;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, white 0%, #d7e2f1 100%);
  background: -moz-radial-gradient(top, circle closest-corner, white 0%, #d7e2f1 100%);
  background: -ms-radial-gradient(top, circle closest-corner, white 0%, #d7e2f1 100%);
  background: -o-radial-gradient(top, circle closest-corner, white 0%, #d7e2f1 100%);
  background: radial-gradient(circle closest-corner at top, white 0%, #d7e2f1 100%);
}

.gradient-lightpink {
  background-color: #f4bbd6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4bbd6', endColorstr='#f1b6d2', GradientType=if($orientation=="radial", 1, 0));
  background: #f4bbd6;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #f4bbd6), color-stop(100%, #f1b6d2));
  background: -webkit-linear-gradient(top, #f4bbd6, #f1b6d2);
  background: -moz-linear-gradient(top, #f4bbd6, #f1b6d2);
  background: -ms-linear-gradient(top, #f4bbd6, #f1b6d2);
  background: -o-linear-gradient(top, #f4bbd6, #f1b6d2);
  background: linear-gradient(top, #f4bbd6, #f1b6d2);
}
.gradient-lightpink.radial {
  background-color: #f4bbd6;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4bbd6', endColorstr='#f1b6d2', GradientType=if($orientation=="radial", 1, 0));
  background: #f4bbd6;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #f4bbd6 0%, #f1b6d2 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #f4bbd6 0%, #f1b6d2 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #f4bbd6 0%, #f1b6d2 100%);
  background: -o-radial-gradient(top, circle closest-corner, #f4bbd6 0%, #f1b6d2 100%);
  background: radial-gradient(circle closest-corner at top, #f4bbd6 0%, #f1b6d2 100%);
}

.gradient-whiteblue {
  background-color: #fefeff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefeff', endColorstr='#d7e2f1', GradientType=if($orientation=="radial", 1, 0));
  background: #fefeff;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #fefeff), color-stop(100%, #d7e2f1));
  background: -webkit-linear-gradient(top, #fefeff, #d7e2f1);
  background: -moz-linear-gradient(top, #fefeff, #d7e2f1);
  background: -ms-linear-gradient(top, #fefeff, #d7e2f1);
  background: -o-linear-gradient(top, #fefeff, #d7e2f1);
  background: linear-gradient(top, #fefeff, #d7e2f1);
}
.gradient-whiteblue.radial {
  background-color: #fefeff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefeff', endColorstr='#d7e2f1', GradientType=if($orientation=="radial", 1, 0));
  background: #fefeff;
  background: -webkit-gradient(radial, top, 0px, top, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(top, circle closest-corner, #fefeff 0%, #d7e2f1 100%);
  background: -moz-radial-gradient(top, circle closest-corner, #fefeff 0%, #d7e2f1 100%);
  background: -ms-radial-gradient(top, circle closest-corner, #fefeff 0%, #d7e2f1 100%);
  background: -o-radial-gradient(top, circle closest-corner, #fefeff 0%, #d7e2f1 100%);
  background: radial-gradient(circle closest-corner at top, #fefeff 0%, #d7e2f1 100%);
}

.gradient-carousel-blue {
  background-color: #00a6b9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a6b9', endColorstr='#1853a3', GradientType=if($orientation=="radial", 1, 0));
  background: #00a6b9;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-linear-gradient(top, #00a6b9, #1853a3);
  background: -moz-linear-gradient(top, #00a6b9, #1853a3);
  background: -ms-linear-gradient(top, #00a6b9, #1853a3);
  background: -o-linear-gradient(top, #00a6b9, #1853a3);
  background: linear-gradient(top, #00a6b9, #1853a3);
}
.gradient-carousel-blue.radial {
  background-color: #00a6b9;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a6b9', endColorstr='#1853a3', GradientType=if($orientation=="radial", 1, 0));
  background: #00a6b9;
  background: -webkit-gradient(radial, center bottom, 0px, center bottom, 100%, color-stop(0%, #00a6b9), color-stop(100%, #1853a3));
  background: -webkit-radial-gradient(center bottom, circle closest-corner, #00a6b9 0%, #1853a3 100%);
  background: -moz-radial-gradient(center bottom, circle closest-corner, #00a6b9 0%, #1853a3 100%);
  background: -ms-radial-gradient(center bottom, circle closest-corner, #00a6b9 0%, #1853a3 100%);
  background: -o-radial-gradient(center bottom, circle closest-corner, #00a6b9 0%, #1853a3 100%);
  background: radial-gradient(circle closest-corner at center bottom, #00a6b9 0%, #1853a3 100%);
}

.gradient-radial-top {
  background: url();
  background: -webkit-gradient(radial, 50% 0%, 0, 50% 0%, 741, color-stop(0%, #61b8cc), color-stop(100%, #0067b4));
  background: -webkit-radial-gradient(35% top, farthest-corner, #61b8cc 0%, #0067b4 50%);
  background: -moz-radial-gradient(35% top, farthest-corner, #61b8cc 0%, #0067b4 50%);
  background: -ms-radial-gradient(35% top, farthest-corner, #61b8cc 0%, #0067b4 50%);
  background: -o-radial-gradient(35% top, farthest-corner, #61b8cc 0%, #0067b4 50%);
  background: radial-gradient(farthest-corner at 35% top, #61b8cc 0%, #0067b4 50%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#61b8cc', EndColorStr='#0067b4');
}

.gradient-radial-bottom {
  background: -webkit-gradient(radial, 60% 105%, 0, 50% 100%, 511, color-stop(0%, #61b8cc), color-stop(100%, #0069b4));
  background: -webkit-radial-gradient(60% 105%, farthest-corner, #61b8cc 10%, #0069b4 55%);
  background: -moz-radial-gradient(60% 105%, farthest-corner, #61b8cc 10%, #0069b4 55%);
  background: -ms-radial-gradient(60% 105%, farthest-corner, #61b8cc 10%, #0069b4 55%);
  background: -o-radial-gradient(60% 105%, farthest-corner, #61b8cc 10%, #0069b4 55%);
  background: radial-gradient(farthest-corner at 60% 105%, #61b8cc 10%, #0069b4 55%);
}

.gradient-radial {
  background: url();
  background: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 511, color-stop(0%, #61b8cc), color-stop(100%, #0069b4));
  background: -webkit-radial-gradient(35% 100%, farthest-corner, #61b8cc -5%, #0069b4 40%);
  background: -moz-radial-gradient(35% 100%, farthest-corner, #61b8cc -5%, #0069b4 40%);
  background: -ms-radial-gradient(35% 100%, farthest-corner, #61b8cc -5%, #0069b4 40%);
  background: -o-radial-gradient(35% 100%, farthest-corner, #61b8cc -5%, #0069b4 40%);
  background: radial-gradient(farthest-corner at 35% 100%, #61b8cc -5%, #0069b4 40%);
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr='#61b8cc', EndColorStr='#0067b4');
}

/** ------------------------------------------------ **/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
  clear: both;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.main {
  *zoom: 1;
}
.main:before, .main:after {
  content: "";
  display: table;
}
.main:after {
  clear: both;
}

#wrapper {
  overflow: hidden;
}

/** ------------------------------------------------ **/
.center {
  display: block;
  margin: 0 auto;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

/* ===============
   FIXED WIDTH
   =============== */
.fixed-width, .carousel .carousel-inner {
  width: 960px;
}

.fixed-half {
  width: 480px;
}

/* ===============
   FLUID WIDTH
   =============== */
.fluid-width {
  position: relative;
  width: 100%;
}

.w70p {
  position: relative;
  width: 70%;
}

.w65p {
  position: relative;
  width: 65%;
}

.w50p {
  position: relative;
  width: 50%;
}

.w45p {
  position: relative;
  width: 45%;
}

.w32p {
  position: relative;
  width: 32.91%;
}

.w25p {
  position: relative;
  width: 25%;
}

/* ===============
   HEIGHTS
   =============== */
.h960 {
  height: 960px;
}

.h860 {
  height: 860px;
}

.h810 {
  height: 840px;
}

.h680 {
  height: 680px;
}

.h600 {
  height: 600px;
}

.h560 {
  height: 560px;
}

.h500 {
  height: 500px;
}

.h480 {
  height: 480px;
}

.h460 {
  height: 460px;
}

.h420 {
  height: 420px;
}

.h410 {
  height: 410px;
}

.h385 {
  height: 385px;
}

.h360 {
  height: 360px;
}

.h340 {
  height: 340px;
}

.h295 {
  height: 295px;
}

.h170 {
  height: 170px;
}

.h120 {
  height: 120px;
}

.h30 {
  height: 30px;
}

.h25 {
  height: 25px;
}

.h100p {
  height: 100%;
}

.hAuto {
  height: auto;
}

/* ===============
   MARGINS
   =============== */
.mtop150 {
  margin-top: 150px !important;
}

.mtop50 {
  margin-top: 50px !important;
}

.mtop40 {
  margin-top: 40px !important;
}

.mtop30 {
  margin-top: 30px !important;
}

.mtop20 {
  margin-top: 20px !important;
}

.mbottom45 {
  margin-bottom: 45px !important;
}

.mbottom20 {
  margin-bottom: 45px !important;
}

.mright20 {
  margin-right: 20px !important;
}

.mright50 {
  margin-right: 50px !important;
}

.mleft70 {
  margin-left: 70px !important;
}

.mleft50 {
  margin-left: 50px !important;
}

.mleft20 {
  margin-left: 20px !important;
}

/* ===============
   COLORS
   =============== */
.font-white {
  color: white;
}

.bg-lightgrey {
  background-color: #dfdfdf;
}

/* ===============
   SHADOWS
   =============== */
.shadow {
  -webkit-box-shadow: 0px 5px 10px -4px #131313;
  -moz-box-shadow: 0px 5px 10px -4px #131313;
  box-shadow: 0px 5px 10px -4px #131313;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=-4px, Direction=135, Color='#131313')";
  filter: none;
  behavior: url(theme/scripts/pie.htc);
}

/* ===============
   SHAPES
   =============== */
.circle {
  background-color: white;
  border-radius: 50%;
  width: 25px;
  height: 25px;
}

/* ===============
   STACK
   =============== */
.top {
  z-index: 10;
}

.z9 {
  z-index: 9;
}

.z8 {
  z-index: 8;
}

.z7 {
  z-index: 7;
}

.z6 {
  z-index: 6;
}

.z5 {
  z-index: 5;
}

.z4 {
  z-index: 4;
}

.z3 {
  z-index: 3;
}

/* ===============
   HEADER
   =============== */
header.main {
  position: fixed;
  width: 100%;
  background-color: #005ab0;
  -webkit-box-shadow: 0px 5px 10px -4px #131313;
  -moz-box-shadow: 0px 5px 10px -4px #131313;
  box-shadow: 0px 5px 10px -4px #131313;
  z-index: 50;
  behavior: url(theme/scripts/pie.htc);
}
header.main .fixed-width, header.main .carousel ul li, .carousel header.main li {
  line-height: 0;
  *zoom: 1;
}
header.main .fixed-width:before, header.main .carousel ul li:before, .carousel header.main li:before, header.main .fixed-width:after, header.main .carousel ul li:after, .carousel header.main li:after {
  content: "";
  display: table;
}
header.main .fixed-width:after, header.main .carousel ul li:after, .carousel header.main li:after {
  clear: both;
}

.logo {
  float: left;
  margin: 22px 47px 16px 0;
}
.logo img {
  display: block;
}

/* ===================
          ICONS
   =================== */
.icon {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}
.icon img {
  display: block;
}
.icon.arrows{
  width: 15px;
  height: 15px;
  background: url(../images/icons/icon-arrow-sprite.png) no-repeat left;
}
.icon.arrows.dropdown{
  background-position: -45px -1px;
}
.icon.arrows.pullup{
  background-position: -30px -1px;
}
 .breadcrumbs .crumbs h2 .icon.shopping-avatar{
  width: 38px;
  height: 38px;
  background: url(../images/icons/icon-person.png) no-repeat left top;
}

.icon.other {
  width: 35px;
  height: 35px;
  /*background: url(../images/icons/icon-other-sprite.png) no-repeat left top;*/
  background: url(../images/icons/icon-other-sprite.png) no-repeat;
}
.icon.other.mail {
  width: 50px;
  height: 50px;
  background-position: -70px top;
}
.icon.other.arrow {
  width: 15px;
  height: 15px;
  margin-top: -3px;
  background-position: -45px -35px;
  display: inline-block;
  padding-right: 0px;
}

.icon.other.arrowyel {
  width: 15px;
  height: 15px;
  margin-top: -3px;
  margin-left: 12px;
  background-position: -45px -35px;
  display: inline-block;
}
.icon.other.circle-check {
  width: 25px;
  height: 25px;
  background-position: left -50px;
}
.icon.other.filter {
  width: 25px;
  height: 25px;
  background-position: -25px -50px;
}
.icon.other.collapse {
  width: 15px;
  height: 15px;
  background-position: -15px -35px;
}
.icon.other.collapse.invert {
  background-position: -30px -35px;
}
.icon.other.cross {
  width: 15px;
  height: 15px;
  background-position: left -35px;
}
.icon.other.mini-cart {
  width: 25px;
  height: 25px;
  background-position: -50px -50px;
}
.icon.other.caret {
  width: 14px;
  height: 7px;
  background-position: -75px -50px;
}
.icon.newnav {
  width: 32px;
  height: 31px;
  background: url(../images/icons/icon-nav-sprite2.png) no-repeat left top;
  margin-top: 20px;
}
.icon.newnav.personal {
  background-position: 0px top;
}
li:hover  a .icon.newnav.personal{
  background-position: 0px bottom;
}
.icon.newnav.business {
  background-position: -31.5px top;
}
li:hover  a .icon.newnav.business{
  background-position: -31px bottom;
}
.icon.newnav.about {
  background-position: -63px top;
}
li:hover  a .icon.newnav.about{
  background-position: -63px bottom;
}
.icon.newnav.help-support {
  background-position: -95px top;
}
li:hover  a .icon.newnav.help-support{
  background-position: -95px bottom;
}
.icon.nav {
  width: 31px;
  height: 31px;
  background: url(../images/icons/icon-nav-sprite.png) no-repeat left top;
}
.icon.nav.shop {
  background-position: -31px top;
}
.icon.nav.broadband {
  background-position: -62px top;
}
.icon.nav.business {
  background-position: -93px top;
}
.icon.nav.help-support {
  background-position: -124px top;
}
.icon.sub-nav {
  width: 84px;
  height: 84px;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  background: url(../images/icons/icon-subnav-sprite.png) no-repeat left top;
}
.icon.new-sub-nav {
  width: 75px;
  height: 75px;
  margin: 0;
  padding: 0;
  line-height: 0;
  font-size: 0;
  background: url(../images/icons/icon-subnav-sprite2.png) no-repeat left top;
}
.icon.new-sub-nav.shop {
  background-position: 0px top;
}
.icon.new-sub-nav.postpaid {
  background-position: -76px top;
}
.icon.new-sub-nav.prepaid {
  background-position: -151px top;
}
.icon.new-sub-nav.platinum {
  background-position: -226px top;
}
.icon.new-sub-nav.internet {
  background-position: -302px top;
}
.icon.new-sub-nav.services {
  background-position: 0 -75px;
}
.icon.new-sub-nav.entertainment {
  background-position: -76px -75px;
}
.icon.new-sub-nav.rewards {
  background-position: -151px -75px;
}
.icon.new-sub-nav.gcash {
  background-position: -226px -75px;
}
.icon.new-sub-nav.enterprise {
  background-position: 0px -152px;
}
.icon.new-sub-nav.small-medium-business {
  background-position: -75px -152px;
}
.icon.new-sub-nav.solutions {
  background-position: -150px -152px;
}
.icon.new-sub-nav.industries {
  background-position: -226px -152px;
}
.icon.new-sub-nav.online-stores {
  background-position: -302px -152px;
}
.icon.new-sub-nav.corporate {
  background-position: 0px -228px;
}
.icon.new-sub-nav.investor {
  background-position: -75px -228px;
}
.icon.new-sub-nav.network {
  background-position: -151px -229px;
}
.icon.new-sub-nav.careers {
  background-position: -226px -228px;
}
.icon.new-sub-nav.press-room {
  background-position: -302px -228px;
}
.icon.new-sub-nav.blog {
  background-position: 0px -304px;
}
.icon.new-sub-nav.phone-configuration {
  background-position: 0px -381px;
}
.icon.new-sub-nav.basic-troubleshooting {
  background-position: -75px -381px;
}
.icon.new-sub-nav.faq {
  background-position: -150px -381px;
}
.icon.new-sub-nav.community {
  background-position: -225px -381px;
}
.icon.new-sub-nav.store-locator {
  background-position: -302px -381px;
}
.icon.new-sub-nav.contact-us {
  background-position: 0px -456px;
}
.icon.sub-nav.postpaid {
  background-position: -84px top;
}
.icon.sub-nav.prepaid {
  background-position: -168px top;
}
.icon.sub-nav.international {
  background-position: -252px top;
}
.icon.sub-nav.mobile-net {
  background-position: left -84px;
}
.icon.sub-nav.download-apps {
  background-position: -84px -84px;
}
.icon.sub-nav.gcash {
  background-position: -168px -84px;
}
.icon.sub-nav.rewards {
  background-position: -252px -84px;
}
.icon.crumbs {
  width: 36px;
  height: 36px;
  background: url(../images/icons/icon-breadcrumb-sprite.png) no-repeat left top;
}
.icon.crumbs.mobile-internet {
  background-position: -72px -36px;
  margin-top: 0px;
}
.icon.crumbs.broadband {
  background-position: -36px top;
  margin-top: 0px;
}
.icon.crumbs.bridgecom {
  background-position: -72px top;
  margin-top: 0px;
}
.icon.crumbs.blog {
  background-position: -108px top;
  margin-top: 0px;
}
.icon.crumbs.gallery {
  background-position: -36px -72px;
  margin-top: 0px;
}
.icon.crumbs.cart {
  background-position: -108px -36px;
  margin-top: 0px;
}
.icon.crumbs.compare {
  background-position: left -72px;
  margin-top: 0px;
}
.icon.crumbs.postpaid {
  background-position: left -0px;
  margin-top: 0px;
}
.icon.crumbs.prepaid {
  background-position: -36px -36px;
  margin-top: 0px;
}

/* END OF ICONS */
/* ===================
       ARROW HEADS
   =================== */
.arrow-head.up {
  border-width: 5px 5px;
  border-color: transparent;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
  border-bottom-color: white;
}
.arrow-head.down {
  border-width: 5px 5px;
  border-color: transparent;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
  border-top-color: white;
}
.arrow-head.left {
  border-width: 5px 5px;
  border-color: transparent;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
  border-right-color: white;
}
.arrow-head.right {
  border-width: 5px 5px;
  border-color: transparent;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
  border-left-color: white;
}

/* ===================
        MAIN NAV
   =================== */
.main-nav {
  float: left;
}
.main-nav ul {
  margin: 0;
  padding: 0;
  display: inline-block;
}
.main-nav li {
  float: left;
  border-right: 1px solid #272727;
  line-height: 0px;
}
.main-nav li a {
  position: relative;
  padding: 0 17px;
  font-size: 14px;
  line-height: 40px;
  font-family: "fs_elliot_proregular", Helvetica;
  color: #e7e7e8;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}
.main-nav li a>div {
  margin-top: -10px;
}
.main-nav li .arrows{
  display: none;
}
.main-nav li:hover a, .main-nav li.active a {
  background: white;
  color: #005ab0;
}
.main-nav li:hover img, .main-nav li.active img {
  margin-top: -30px;
}
.main-nav li:hover .sub, .main-nav li.active .sub {
  display: block;
}
.main-nav li:hover .prod, .main-nav li.active .prod {
  background-position: left -31px;
}
.main-nav li:hover .shop, .main-nav li.active .shop {
  background-position: -31px -31px;
}
.main-nav li:hover .broadband, .main-nav li.active .broadband {
  background-position: -62px -31px;
}
.main-nav li:hover .business, .main-nav li.active .business {
  background-position: -93px -31px;
}
.main-nav li:hover .help-support, .main-nav li.active .help-support {
  background-position: -124px -31px;
}
.main-nav li.active .arrow-head {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 -22px -9px;
  border-width: 11px 9px;
  display: inline-block;
}
.main-nav .sub {
  display: none;
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  text-align: center;
  background: white;
  -webkit-box-shadow: 0px 5px 10px -4px #131313;
  -moz-box-shadow: 0px 5px 10px -4px #131313;
     -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=-2px, Direction=115, Color='#131313')";
  z-index:50;
  behavior: url(theme/scripts/pie.htc);
}
.main-nav .sub ul {
  border: none;
}
.main-nav .sub li {
  float: left;
  width: 10.5%;
  border: none;
  text-align: center;
}
.main-nav .sub li a {
  padding: 10px 5px;
  margin: 5px 0;
  line-height: 1;
  text-align: center;
  text-decoration: none;
  display: block;
}
.main-nav .sub li a:hover {
  background: #e5e5e6;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;

}
.main-nav .sub p {
  margin: 10px 0;
  font-size: 13px;
  color: #58595b;
}
.main-nav .sub p strong {
  font-weight: normal;
  font-family: "fs_elliot_probold", Helvetica;
}
.main-nav .sub p.meta {
  margin: 0;
  font-size: 12px;
  white-space: normal;
}
.main-nav .sub .arrow {
  display: none;
}

/* END OF MAIN NAVIGATION */
/* ===================
         SEARCH
   =================== */
.search-box.top {
  float: left;
  margin: 25px 20px;
  width: 27%;
}
.search-box form {
  height: auto;
  padding-right: 5px;
  background: white;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  margin: 0px;
  behavior: url(theme/scripts/pie.htc);
}
.search-box form .keyword {
  width: 85%;
  padding: 5px 0;
  margin: 0 0 0 8px;
  font-size: 12px;
  line-height: 15px;
  border: 0;
  outline: none;
  background: transparent;
}
.search-box form .search-btn2{
  display: none;
}
.search-box form .search-btn {
  width: 19px;
  height: 18px;
  border: 0;
  font-size: 0;
  line-height: 0;
  vertical-align: middle;
  background: url(../images/icons/icon-search.png) no-repeat left top;
}

/* END OF SEARCH */
/* ===============
   FOOTER
   =============== */
footer.main {
  padding: 80px 0;
  background: #58595b;
}
footer.main dl {
  float: left;
  width: 20%;
  margin: 0;
}
footer.main dt {
  margin-bottom: 10px;
  color: white;
  font-size: 14px;
}
footer.main dd {
  margin: 0;
}
footer.main dd a {
  color: #cdcece;
  text-decoration: none;
  font-size: 14px;
  line-height: 1.5;
}
footer.main dd a:hover {
  color: #ffffff;
}

/* ===============
   STICKY LOGIN
   =============== */
.sticky-login {
  position: fixed;
  top: 190px;
  right: 100px;
  min-width: 40px;
  max-width: 212px;
  min-height: 10px;
  padding: 15px;
  background: #465b6c;
  background: rgba(88, 89, 91, 0.8);
  font-family: "fs_elliot_proregular", helvetica;
  z-index: 70;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.3);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  behavior: url(/skin/css/pie/pie.htc);
}
.sticky-login .wrapper {
  float: left;
  display: none;
}
.sticky-login img.avatar {
  float: left;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  behavior: url(theme/scripts/pie.htc);
}
.sticky-login a {
  text-decoration: none;
  color: white;
}
.sticky-login header {
  float: left;
  margin: -3px 0 -4px;
  vertical-align: top;
  white-space: nowrap;
  display: none;
}
.sticky-login header h1 {
  margin: 0 10px;
  font-size: 22px;
  line-height: 1;
  font-weight: normal;
  color: #fc9500;
  text-decoration: underline;
}
.sticky-login header p {
  margin: 0 10px;
  color: #ffdb00;
  text-transform: uppercase;
  font-size: 12px;
}
.sticky-login header a {
  text-transform: uppercase;
  color: #fc9500;
}
.sticky-login .collapse-button {
  float: right;
  width: 32px;
  height: 32px;
  margin-right: -31px;
  background-position: left -80px;
}
.sticky-login .collapse-button.close {
  background-position: -32px -80px;
}
.sticky-login ul {
  float: left;
  width: 100%;
  padding: 0;
  margin: 20px 0;
  list-style: none;
}
.sticky-login ul li {
  margin: 0;
  line-height: 0;
  font-size: 0;
}
.sticky-login ul a {
  line-height: 28px;
  font-size: 14px;
  font-family: "fs_elliot_prolight";
  display: inline-block;
}
.sticky-login dl {
  float: left;
  width: 100%;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  margin: 0 -15px;
  padding: 15px 5px 15px 25px;
}
.sticky-login dl dd, .sticky-login dl dt {
  margin: 0;
  font-size: 14px;
  font-family: "fs_elliot_prolight", Helvetica;
  line-height: 25px;
}
.sticky-login dl dt {
  text-transform: uppercase;
  color: #ffdb00;
  font-family: "fs_elliot_probold", Helvetica;
}
.sticky-login dl a {
  color: #fff;
  display: inline-block;
}

/* ===============
   BUTTONS
   =============== */
.btn, .btn-blue {
  width: 114px;
  height: 30px;
  padding: 0 4px 9px;
  text-decoration: none;
  color: white;
  font-size: 13px;
  line-height: 30px;
  font-family: "fs_elliot_proregular", Helvetica;
  background: url(../images/bg/btn-bg.png) no-repeat left -80px;
  display: inline-block;
  text-align: left;
    /*
  border-bottom-left-radius: 15px 50%;
  border-bottom-right-radius: 15px 50%;
  border-top-left-radius: 15px 50%;
  border-top-right-radius: 15px 50%;
    */
}
.icon.other-blue {
    background: url("images/icons/icon-blue-arrow.png") no-repeat scroll left top transparent;
    height: 20px;
    width: 20px;
}
.btn-white{
  width: 125px;
  height: 30px;
  padding: 10px 12px 9px;
  text-decoration: none;
  font-weight: bold;
  color: #0a7dac;
  font-size: 13px;
  line-height: 30px;
  font-family: "fs_elliot_proregular", Helvetica;
  background: url(../images/bg/btn-bg-white.png) no-repeat left;
  display: inline-block;
  text-align: left;
}

.btn-white.large{
  width: 163px;
  background: url(../images/bg/btn-bg-large-white.png) no-repeat left
}
.btn.large, .btn-blue.large{
  width: 163px;
  background-position: left top;
}
.btn.large:hover, .btn.large:active, .btn-blue.large:hover, .btn-blue.large:active {
  background-position: left -40px;
}
.btn .icon, .btn-blue .icon {
  margin: -3px 2px 0 8px;
}
.btn.max, .btn-blue.max {
  padding: 0;
  display: block;
  text-align: center;
}
.btn:hover, .btn:active,.btn-blue:hover, .btn-blue:active {
  background-position: left -120px;
}

div.main {
  padding-top: 69px;
}

/* ===============
   BACKGROUND
   =============== */
.bg-tatoo {
  background-image: url("images/bg/bg-tatoo.png");
  background-position: 50% bottom;
  background-repeat: no-repeat;
}

.bg-goidd {
  background-image: url("images/bg/bg-goidd.png");
  background-position: 100% 50%;
  background-repeat: no-repeat;
  padding-left:20px;
}

.bg-rocket {
  background-image: url("images/bg/bg-rocket.png");
  background-position: right bottom;
  background-repeat: no-repeat;
}

/*
.bg-bubble {
  background-image:url('..images/bg/bg-bubble.png');
  background-position:50% bottom;
  background-repeat:no-repeat;  
}
*/
.bg-bubble-two {
  background-image: url("images/bg/bg-bubble-02.png");
  background-position: 98% bottom;
  background-repeat: no-repeat;
}

.bg-bird {
  background-image: url("images/bg/bg-bird.png");
  background-position: 100% 50%;
  background-repeat: no-repeat;
}

.bg-article-mobile {
  background-image: url("images/bg/bg-article-mobile.png");
  background-position: 100% 0;
  background-repeat: no-repeat;
}

.box-title {
  margin: 40px 0 10px;
  font-size: 30px;
  font-family: "fs_elliot_prolight", Helvetica;
  text-align: center;
}

.bar {
  display: block;
  height: 25px;
  float: left;
}
.bar.one {
  width: 14.6%;
}
.bar.one-half {
  width: 27%;
}

/* ===============
   CAROUSEL
   =============== */
.carousel-main-content {
  position: relative;
  z-index: 2;
}

.bg-radial {
  position: absolute;
  width: 100%;
  height: 50%;
  z-index: 0;
}
.bg-radial.top {
  top: 0px;
}
.bg-radial.bottom {
  bottom: 0px;
}

.gradient-blue-horizontal {
  height: 350px;
  background: #1b72b8 url(../images/bg/gradient-blue2.jpg) no-repeat center bottom;
}

.pop-up-container .body-overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.9)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
  width: 100%;
  height: 100%;
  position: fixed;
  background: #000000;
  z-index: 105;
  display: none;
}
.pop-up-container .pop-up-close {
  background-image: url(../images/icons/icon-close-big.png);
  display: block;
  width: 65px;
  height: 65px;
  text-indent: -999em;
  overflow: hidden;
  position: absolute;
  top: -15px;
  right: -15px;
}
.pop-up-container h2, .breadcrumbs .crumbs h2 {
  height: 52px;
  width: auto;
  text-indent: 10px;
  line-height: 52px;
  color: #7a1184;
  margin: 25px 0 20px;
  float: left;
}
.breadcrumbs .crumbs h2{
  color: #fff;
}
.breadcrumbs .crumbs h2{
  font-family: "fs_elliot_prolight", Helvetica;
}
.pop-up-container h2 .icon, .breadcrumbs .rwd .crumbs h2 .icon {
  background-image: url(../images/icons/icon-shopping-popup.png);
  width: 50px;
  height: 50px;
  display: block;
  float: left;
}
.pop-up-container hr {
  width: 740px;
  clear: both;
  margin: 0px;
  border-top: 1px solid #b5b7b9;
  size: 1px;
}
#shoppingCart hr, #payment hr, #paymentSuccess hr{
  clear: both;
  margin: 0px;
  border-top: 1px solid #b5b7b9;
  size: 1px;
}
.pop-up-container .pop-up-cart {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  width: 800px;
  min-height: 400px;
  height: auto;
  background: #e8e8e8;
  left: 50%;
  margin-left: -400px;
  top: 20%;
  z-index: 110;
  display: none;
}
.pop-up-container .pop-up-cart .cart-view, .pop-up-container .pop-up-cart .payment-view, .pop-up-container .pop-up-cart .payment-success-view, .pop-up-container .pop-up-cart .payment-error-view {
  width: 800px;
  min-height: 400px;
  height: auto;
  display: none;
}
.pop-up-container .pop-up-cart .cart-view a.checkout, .pop-up-container .pop-up-cart .payment-view a.checkout, .pop-up-container .pop-up-cart .payment-success-view a.checkout, .pop-up-container .pop-up-cart .payment-error-view a.checkout {
  margin: 20px;
  float: right;
}
.pop-up-container .pop-up-cart .cart-view .content, .pop-up-container .pop-up-cart .payment-view .content, .pop-up-container .pop-up-cart .payment-success-view .content, .pop-up-container .pop-up-cart .payment-error-view .content {
  background-color: #e6e7e8;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e7e8', endColorstr='#c7d0dc', GradientType=if($orientation=="radial", 1, 0));
  background: #e6e7e8;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #e6e7e8), color-stop(100%, #c7d0dc));
  background: -webkit-linear-gradient(top, #e6e7e8, #c7d0dc);
  background: -moz-linear-gradient(top, #e6e7e8, #c7d0dc);
  background: -ms-linear-gradient(top, #e6e7e8, #c7d0dc);
  background: -o-linear-gradient(top, #e6e7e8, #c7d0dc);
  background: linear-gradient(top, #e6e7e8, #c7d0dc);
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  width: 800px;
  min-height: 400px;
  height: auto;
  border-bottom: 1px solid #9fa6b0;
}
.pop-up-container .pop-up-cart .cart-view .content section, .pop-up-container .pop-up-cart .payment-view .content section, .pop-up-container .pop-up-cart .payment-success-view .content section, .pop-up-container .pop-up-cart .payment-error-view .content section {
  width: 740px;
  min-height: 400px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.pop-up-container .pop-up-cart .cart-view .content section a.continue, .pop-up-container .pop-up-cart .payment-view .content section a.continue, .pop-up-container .pop-up-cart .payment-success-view .content section a.continue, .pop-up-container .pop-up-cart .payment-error-view .content section a.continue, .pop-up-container .pop-up-cart .cart-view .content section a.empty, .pop-up-container .pop-up-cart .payment-view .content section a.empty, .pop-up-container .pop-up-cart .payment-success-view .content section a.empty, .pop-up-container .pop-up-cart .payment-error-view .content section a.empty, .pop-up-container .pop-up-cart .cart-view .content section a.cancel, .pop-up-container .pop-up-cart .payment-view .content section a.cancel, .pop-up-container .pop-up-cart .payment-success-view .content section a.cancel, .pop-up-container .pop-up-cart .payment-error-view .content section a.cancel, .breadcrumbs .page-sub li a.empty, .breadcrumbs .page-sub li a.continue, .breadcrumbs .page-sub li a.empty, .breadcrumbs .page-sub li a.back, .breadcrumbs .page-sub li a.cancel {
  
  overflow: hidden;
  display: block;
  float: left;
  margin-top: 35px;
}
.pop-up-container .pop-up-cart .cart-view .content section a.continue, .pop-up-container .pop-up-cart .payment-view .content section a.continue, .pop-up-container .pop-up-cart .payment-success-view .content section a.continue, .pop-up-container .pop-up-cart .payment-error-view .content section a.continue {
  margin-left: 20px;
}
.pop-up-container .pop-up-cart .cart-view .content section .list-item-header, .pop-up-container .pop-up-cart .payment-view .content section .list-item-header, .pop-up-container .pop-up-cart .payment-success-view .content section .list-item-header, .pop-up-container .pop-up-cart .payment-error-view .content section .list-item-header {
  height: 50px;
  width: 740px;
  font-size: 18px;
}
.pop-up-container .pop-up-cart .cart-view .content section .list-item-header span.desc, .pop-up-container .pop-up-cart .payment-view .content section .list-item-header span.desc, .pop-up-container .pop-up-cart .payment-success-view .content section .list-item-header span.desc, .pop-up-container .pop-up-cart .payment-error-view .content section .list-item-header span.desc, .pop-up-container .pop-up-cart .cart-view .content section .list-item-header span.quantity, .pop-up-container .pop-up-cart .payment-view .content section .list-item-header span.quantity, .pop-up-container .pop-up-cart .payment-success-view .content section .list-item-header span.quantity, .pop-up-container .pop-up-cart .payment-error-view .content section .list-item-header span.quantity, .pop-up-container .pop-up-cart .cart-view .content section .list-item-header span.price, .pop-up-container .pop-up-cart .payment-view .content section .list-item-header span.price, .pop-up-container .pop-up-cart .payment-success-view .content section .list-item-header span.price, .pop-up-container .pop-up-cart .payment-error-view .content section .list-item-header span.price {
  display: block;
  width: 350px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-weight: 300;
  float: left;
}
.pop-up-container .pop-up-cart .cart-view .content section .list-item-header span.quantity, .pop-up-container .pop-up-cart .payment-view .content section .list-item-header span.quantity, .pop-up-container .pop-up-cart .payment-success-view .content section .list-item-header span.quantity, .pop-up-container .pop-up-cart .payment-error-view .content section .list-item-header span.quantity {
  width: 100px;
}
.pop-up-container .pop-up-cart .cart-view .content section .list-item-header span.price, .pop-up-container .pop-up-cart .payment-view .content section .list-item-header span.price, .pop-up-container .pop-up-cart .payment-success-view .content section .list-item-header span.price, .pop-up-container .pop-up-cart .payment-error-view .content section .list-item-header span.price {
  width: 290px;
  text-align: left;
  text-indent: 50px;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  min-height: 100px;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li {
  *zoom: 1;
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #b5b7b9;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li:before, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li:before, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li:before, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li:before, .pop-up-container .pop-up-cart .cart-view .content section ul.item-list li:after, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li:after, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li:after, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li:after {
  content: "";
  display: table;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li:after, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li:after, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li:after, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li:after {
  clear: both;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li > div, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li > div, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li > div, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li > div {
  width: 740px;
  height: auto;
  overflow: hidden;
  margin: 20px 0px;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li:first-child, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li:first-child, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li:first-child, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li:first-child {
  border-top: 0px;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li:last-child, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li:last-child, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li:last-child, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li:last-child {
  border-bottom: 0px;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .desc, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .desc, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .desc, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .desc{
  width: 348px;
  height: auto;
  float: left;
  border-right: solid 1px #ffffff;
  padding-bottom: 500em;
  margin-bottom: -500em;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .desc img, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .desc img, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .desc img, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .desc img, #shoppingCart #deviceImg {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -khtml-border-radius: 10px;
  border-radius: 10px;
  float: left;
}
#shoppingCart #deviceImg{
  margin-right: 10px;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .desc .item-details, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .desc .item-details, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .desc .item-details, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .desc .item-details {
  width: 218px;
  float: left;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .desc .item-details span, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .desc .item-details span, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .desc .item-details span, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .desc .item-details span {
  width: 178px;
  padding: 0px 20px;
  font: 18px "fs_elliot_proregular";
  display: block;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .desc .item-details p, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .desc .item-details p, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .desc .item-details p, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .desc .item-details p{
  width: 178px;
  padding: 0px 20px;
  font-size: 14px;
}
#shoppingCart .item-details p{
  padding: 0px 20px;
  font-size: 14px;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .quantity, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .quantity, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .quantity, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .quantity {
  width: 98px;
  height: auto;
  float: left;
  border-left: solid 1px #b5b7b9;
  border-right: solid 1px #ffffff;
  padding-bottom: 500em;
  margin-bottom: -500em;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .quantity select, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .quantity select, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .quantity select, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .quantity select {
  display: block;
  margin: 40px auto;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .price, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .price, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .price, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .price {
  width: 148px;
  height: auto;
  float: left;
  border-left: solid 1px #b5b7b9;
  border-right: solid 1px #ffffff;
  padding-bottom: 500em;
  margin-bottom: -500em;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .price .price-each, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .price .price-each, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .price .price-each, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .price .price-each, #shoppingCart .price .price-each {
  font: 14px "fs_elliot_proregular";
  display: block;
  padding: 35px 10px 0px;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .price .price-total, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .price .price-total, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .price .price-total, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .price .price-total, #shoppingCart .price .price-total {
  font: 30px "fs_elliot_proregular";
  display: block;
  padding: 0px 10px;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .button-holder, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .button-holder, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .button-holder, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .button-holder {
  width: 138px;
  height: auto;
  float: left;
  border-left: solid 1px #b5b7b9;
  padding-bottom: 500em;
  margin-bottom: -500em;
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .button-holder a.change, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .button-holder a.change, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .button-holder a.change, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .button-holder a.change, .pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .button-holder a.remove, .pop-up-container .pop-up-cart .payment-view .content section ul.item-list li .button-holder a.remove, .pop-up-container .pop-up-cart .payment-success-view .content section ul.item-list li .button-holder a.remove, .pop-up-container .pop-up-cart .payment-error-view .content section ul.item-list li .button-holder a.remove {
  display: block;
  margin: 10px auto 0px;
  overflow: hidden;
}
.pop-up-container .pop-up-cart .cart-view .content section .total-container, .pop-up-container .pop-up-cart .payment-view .content section .total-container, .pop-up-container .pop-up-cart .payment-success-view .content section .total-container, .pop-up-container .pop-up-cart .payment-error-view .content section .total-container {
  width: 740px;
  height: 188px;
  margin: 10px auto 0px;
}
.pop-up-container .pop-up-cart .cart-view .content section .total-container label, .pop-up-container .pop-up-cart .payment-view .content section .total-container label, .pop-up-container .pop-up-cart .payment-success-view .content section .total-container label, .pop-up-container .pop-up-cart .payment-error-view .content section .total-container label {
  width: 445px;
  display: block;
  float: left;
  margin-right: 10px;
  text-align: right;
  font: 24px "fs_elliot_proregular";
  padding-top: 10px;
}
.pop-up-container .pop-up-cart .cart-view .content section .total-container label.total, .pop-up-container .pop-up-cart .payment-view .content section .total-container label.total, .pop-up-container .pop-up-cart .payment-success-view .content section .total-container label.total, .pop-up-container .pop-up-cart .payment-error-view .content section .total-container label.total {
  font: 30px "fs_elliot_probold";
}
.pop-up-container .pop-up-cart .cart-view .content section .total-container span, .pop-up-container .pop-up-cart .payment-view .content section .total-container span, .pop-up-container .pop-up-cart .payment-success-view .content section .total-container span, .pop-up-container .pop-up-cart .payment-error-view .content section .total-container span {
  width: 180px;
  height: 30px;
  line-height: 30px;
  display: block;
  float: left;
  font: 24px "fs_elliot_proregular";
  padding-top: 10px;
}
.pop-up-container .pop-up-cart .cart-view .content section .total-container span.total, .pop-up-container .pop-up-cart .payment-view .content section .total-container span.total, .pop-up-container .pop-up-cart .payment-success-view .content section .total-container span.total, .pop-up-container .pop-up-cart .payment-error-view .content section .total-container span.total {
  font: 30px "fs_elliot_probold";
}
.pop-up-container .pop-up-cart .cart-view .content section .total-container span.note, .pop-up-container .pop-up-cart .payment-view .content section .total-container span.note, .pop-up-container .pop-up-cart .payment-success-view .content section .total-container span.note, .pop-up-container .pop-up-cart .payment-error-view .content section .total-container span.note {
  width: 100px;
  margin-top: 5px;
  display: block;
  float: left;
  font: 16px "fs_elliot_proregular";
}
.pop-up-container .pop-up-cart .billing-info-view, .pop-up-container .pop-up-cart .shipping-info-view {
  width: 800px;
  min-height: 400px;
  height: auto;
  display: none;
}
.pop-up-container .pop-up-cart .billing-info-view a.clear, .pop-up-container .pop-up-cart .shipping-info-view a.clear, .pop-up-container .pop-up-cart .billing-info-view a.next-step, .pop-up-container .pop-up-cart .shipping-info-view a.next-step {
  display: block;
  height: 30px;
  overflow: hidden;
  margin: 20px;
  float: left;
  overflow: hidden;
}
.pop-up-container .pop-up-cart .billing-info-view a.next-step, .pop-up-container .pop-up-cart .shipping-info-view a.next-step {
  float: right;
}
.pop-up-container .pop-up-cart .billing-info-view .note, .pop-up-container .pop-up-cart .shipping-info-view .note {
  width: auto;
  height: 31px;
  margin: 20px 20px 20px 0px;
  line-height: 31px !important;
  display: block;
  float: left;
  font: 16px "fs_elliot_proregular";
}
.pop-up-container .pop-up-cart .billing-info-view .content, .pop-up-container .pop-up-cart .shipping-info-view .content {
  background-color: #e6e7e8;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e7e8', endColorstr='#c7d0dc', GradientType=if($orientation=="radial", 1, 0));
  background: #e6e7e8;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #e6e7e8), color-stop(100%, #c7d0dc));
  background: -webkit-linear-gradient(top, #e6e7e8, #c7d0dc);
  background: -moz-linear-gradient(top, #e6e7e8, #c7d0dc);
  background: -ms-linear-gradient(top, #e6e7e8, #c7d0dc);
  background: -o-linear-gradient(top, #e6e7e8, #c7d0dc);
  background: linear-gradient(top, #e6e7e8, #c7d0dc);
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  width: 800px;
  min-height: 400px;
  height: auto;
  border-bottom: 1px solid #9fa6b0;
}
.pop-up-container .pop-up-cart .billing-info-view .content section, .pop-up-container .pop-up-cart .shipping-info-view .content section {
  width: 740px;
  min-height: 682px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .back, .pop-up-container .pop-up-cart .shipping-info-view .content section .back {
  overflow: hidden;
  display: block;
  float: right;
  margin-top: 35px;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .item-header, .pop-up-container .pop-up-cart .shipping-info-view .content section .item-header {
  padding: 15px 0px;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .three-column, .pop-up-container .pop-up-cart .shipping-info-view .content section .three-column {
  width: 225px;
  float: left;
  margin: 20px 0px;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .three-column.margined, .pop-up-container .pop-up-cart .shipping-info-view .content section .three-column.margined {
  margin-left: 29px;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .three-column fieldset, .pop-up-container .pop-up-cart .shipping-info-view .content section .three-column fieldset {
  padding: 0px;
  margin: 0px;
  border: none;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .three-column fieldset label, .pop-up-container .pop-up-cart .shipping-info-view .content section .three-column fieldset label {
  display: block;
  font: 18px "fs_elliot_proregular";
  padding-bottom: 2px;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .three-column fieldset input[type=text], .pop-up-container .pop-up-cart .shipping-info-view .content section .three-column fieldset input[type=text], .pop-up-container .pop-up-cart .billing-info-view .content section .three-column fieldset input[type=email], .pop-up-container .pop-up-cart .shipping-info-view .content section .three-column fieldset input[type=email] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  width: 225px;
  height: 35px;
  background: #007ab3;
  border: none;
  color: #ffffff;
  text-indent: 5px;
  font: 18px "fs_elliot_proregular";
}
.pop-up-container .pop-up-cart .billing-info-view .content section .three-column fieldset .error, .pop-up-container .pop-up-cart .shipping-info-view .content section .three-column fieldset .error {
  font: 12px "fs_elliot_proregular";
  color: red;
  display: block;
  height: 20px;
  line-height: 20px;
  visibility: hidden;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .three-column fieldset.invalid input[type='email'], .pop-up-container .pop-up-cart .shipping-info-view .content section .three-column fieldset.invalid input[type='email'], .pop-up-container .pop-up-cart .billing-info-view .content section .three-column fieldset.invalid input[type='password'], .pop-up-container .pop-up-cart .shipping-info-view .content section .three-column fieldset.invalid input[type='password'], .pop-up-container .pop-up-cart .billing-info-view .content section .three-column fieldset.invalid input[type='text'], .pop-up-container .pop-up-cart .shipping-info-view .content section .three-column fieldset.invalid input[type='text'] {
  border: solid 1px red;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .three-column fieldset.invalid span.error, .pop-up-container .pop-up-cart .shipping-info-view .content section .three-column fieldset.invalid span.error {
  visibility: visible;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .two-column, .pop-up-container .pop-up-cart .shipping-info-view .content section .two-column {
  width: 360px;
  float: left;
  margin: 20px 0px;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .two-column.margined, .pop-up-container .pop-up-cart .shipping-info-view .content section .two-column.margined {
  margin-left: 20px;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .two-column fieldset, .pop-up-container .pop-up-cart .shipping-info-view .content section .two-column fieldset {
  padding: 0px;
  margin: 0px;
  border: none;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .two-column fieldset label, .pop-up-container .pop-up-cart .shipping-info-view .content section .two-column fieldset label {
  font: 18px "fs_elliot_proregular";
  padding-bottom: 2px;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .two-column fieldset input[type=text], .pop-up-container .pop-up-cart .shipping-info-view .content section .two-column fieldset input[type=text] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  width: 358px;
  height: 35px;
  background: #007ab3;
  border: none;
  color: #ffffff;
  text-indent: 5px;
  font: 18px "fs_elliot_proregular";
  margin: 2px 0px 0px;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .two-column fieldset input[type=checkbox], .pop-up-container .pop-up-cart .shipping-info-view .content section .two-column fieldset input[type=checkbox] {
  margin-top: 5px;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .two-column fieldset .error, .pop-up-container .pop-up-cart .shipping-info-view .content section .two-column fieldset .error {
  font: 12px "fs_elliot_proregular";
  color: red;
  display: block;
  height: 20px;
  line-height: 20px;
  visibility: hidden;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .two-column fieldset.invalid input[type='email'], .pop-up-container .pop-up-cart .shipping-info-view .content section .two-column fieldset.invalid input[type='email'], .pop-up-container .pop-up-cart .billing-info-view .content section .two-column fieldset.invalid input[type='password'], .pop-up-container .pop-up-cart .shipping-info-view .content section .two-column fieldset.invalid input[type='password'], .pop-up-container .pop-up-cart .billing-info-view .content section .two-column fieldset.invalid input[type='text'], .pop-up-container .pop-up-cart .shipping-info-view .content section .two-column fieldset.invalid input[type='text'] {
  border: solid 1px red;
}
.pop-up-container .pop-up-cart .billing-info-view .content section .two-column fieldset.invalid span.error, .pop-up-container .pop-up-cart .shipping-info-view .content section .two-column fieldset.invalid span.error {
  visibility: visible;
}
.pop-up-container .pop-up-cart .shipping-info-view {
  display: none;
}
.pop-up-container .pop-up-cart .shipping-info-view p.policy {
  font: 14px "fs_elliot_proregular";
}
.pop-up-container .pop-up-cart .payment-view, .pop-up-container .pop-up-cart .payment-success-view, .pop-up-container .pop-up-cart .payment-error-view {
  display: none;
}
.pop-up-container .pop-up-cart .payment-view .content, .pop-up-container .pop-up-cart .payment-success-view .content, .pop-up-container .pop-up-cart .payment-error-view .content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  width: 800px;
  min-height: 400px;
  height: auto;
}
.pop-up-container .pop-up-cart .payment-view .order-info, .pop-up-container .pop-up-cart .payment-success-view .order-info, .pop-up-container .pop-up-cart .payment-error-view .order-info {
  width: 410px;
  height: auto;
  float: left;
  margin-bottom: 20px;
}
.pop-up-container .pop-up-cart .payment-view .order-info .order-header, .pop-up-container .pop-up-cart .payment-success-view .order-info .order-header, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  width: 410px;
  height: 90px;
  background: #ffffff;
  margin-bottom: 10px;
}
.pop-up-container .pop-up-cart .payment-view .order-info .order-header label, .pop-up-container .pop-up-cart .payment-success-view .order-info .order-header label, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header label, .pop-up-container .pop-up-cart .payment-view .order-info .order-header span.value, .pop-up-container .pop-up-cart .payment-success-view .order-info .order-header span.value, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header span.value {
  display: block;
  font: 24px "fs_elliot_probold";
  padding: 25px 0px 0px 20px;
  float: left;
  width: 210px;
}
.pop-up-container .pop-up-cart .payment-view .order-info .order-header span.value, .pop-up-container .pop-up-cart .payment-success-view .order-info .order-header span.value, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header span.value {
  float: right;
  width: 160px;
}
.pop-up-container .pop-up-cart .payment-view .order-info .order-header span.note, .pop-up-container .pop-up-cart .payment-success-view .order-info .order-header span.note, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header span.note {
  float: right;
  width: 160px;
  padding: 0px 0px 0px 20px;
  font: 16px "fs_elliot_proregular";
}
.pop-up-container .pop-up-cart .payment-view .order-info hr, .pop-up-container .pop-up-cart .payment-success-view .order-info hr, .pop-up-container .pop-up-cart .payment-error-view .order-info hr {
  width: 410px !important;
}
.pop-up-container .pop-up-cart .payment-view .order-info .list-item-header, .pop-up-container .pop-up-cart .payment-success-view .order-info .list-item-header, .pop-up-container .pop-up-cart .payment-error-view .order-info .list-item-header {
  height: 50px;
  width: 410px !important;
  font-size: 18px;
}
.pop-up-container .pop-up-cart .payment-view .order-info .list-item-header span.desc, .pop-up-container .pop-up-cart .payment-success-view .order-info .list-item-header span.desc, .pop-up-container .pop-up-cart .payment-error-view .order-info .list-item-header span.desc, .pop-up-container .pop-up-cart .payment-view .order-info .list-item-header span.quantity, .pop-up-container .pop-up-cart .payment-success-view .order-info .list-item-header span.quantity, .pop-up-container .pop-up-cart .payment-error-view .order-info .list-item-header span.quantity, .pop-up-container .pop-up-cart .payment-view .order-info .list-item-header span.price, .pop-up-container .pop-up-cart .payment-success-view .order-info .list-item-header span.price, .pop-up-container .pop-up-cart .payment-error-view .order-info .list-item-header span.price {
  width: 130px !important;
}
.pop-up-container .pop-up-cart .payment-view .order-info .list-item-header span.desc, .pop-up-container .pop-up-cart .payment-success-view .order-info .list-item-header span.desc, .pop-up-container .pop-up-cart .payment-error-view .order-info .list-item-header span.desc {
  text-align: left !important;
  padding-left: 20px;
}
.pop-up-container .pop-up-cart .payment-view .order-info .list-item-header span.quantity, .pop-up-container .pop-up-cart .payment-success-view .order-info .list-item-header span.quantity, .pop-up-container .pop-up-cart .payment-error-view .order-info .list-item-header span.quantity {
  width: 95px !important;
}
.pop-up-container .pop-up-cart .payment-view .order-info .list-item-header span.price, .pop-up-container .pop-up-cart .payment-success-view .order-info .list-item-header span.price, .pop-up-container .pop-up-cart .payment-error-view .order-info .list-item-header span.price {
  width: 140px !important;
  text-align: right !important;
  padding-right: 20px;
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li {
  *zoom: 1;
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #b5b7b9;
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li:before, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li:before, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li:before, .pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li:after, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li:after, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li:after {
  content: "";
  display: table;
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li:after, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li:after, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li:after {
  clear: both;
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li > div, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li > div, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li > div {
  width: 740px;
  height: auto;
  overflow: hidden;
  margin: 20px 0px;
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li:first-child, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li:first-child, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li:first-child {
  border-top: 0px;
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li:last-child, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li:last-child, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li:last-child {
  border-bottom: 0px;
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li .desc, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li .desc, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li .desc {
  width: 150px !important;
  padding-bottom: 500em;
  margin-bottom: -500em;
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li .desc span, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li .desc span, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li .desc span {
  display: block;
  width: 110px;
  padding: 30px 20px;
  font: 18px "fs_elliot_proregular";
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li .quantity, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li .quantity, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li .quantity {
  width: 95px !important;
  padding-bottom: 500em;
  margin-bottom: -500em;
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li .quantity span, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li .quantity span, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li .quantity span {
  width: 50px;
  display: block;
  padding: 30px 20px !important;
  font: 18px "fs_elliot_proregular";
  text-align: center;
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li .price, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li .price, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li .price {
  width: 160px !important;
  border-right: none !important;
  padding-bottom: 500em;
  margin-bottom: -500em;
}
.pop-up-container .pop-up-cart .payment-view .order-info ul.item-list li .price .price-total, .pop-up-container .pop-up-cart .payment-success-view .order-info ul.item-list li .price .price-total, .pop-up-container .pop-up-cart .payment-error-view .order-info ul.item-list li .price .price-total {
  font: 18px "fs_elliot_proregular" !important;
  display: block;
  padding: 30px 20px !important;
  text-align: right;
}
.pop-up-container .pop-up-cart .payment-view .order-info a.edit, .pop-up-container .pop-up-cart .payment-success-view .order-info a.edit, .pop-up-container .pop-up-cart .payment-error-view .order-info a.edit, .pop-up-container .pop-up-cart .payment-view .order-info a.edit-address, .pop-up-container .pop-up-cart .payment-success-view .order-info a.edit-address, .pop-up-container .pop-up-cart .payment-error-view .order-info a.edit-address {
  display: block;
  height: 30px;
  overflow: hidden;
  margin: 20px;
  float: left;
  overflow: hidden;
}
.pop-up-container .pop-up-cart .payment-view .order-info a.edit-address, .pop-up-container .pop-up-cart .payment-success-view .order-info a.edit-address, .pop-up-container .pop-up-cart .payment-error-view .order-info a.edit-address {
  margin-left: 0px;
}
.pop-up-container .pop-up-cart .payment-view .order-info .total-container, .pop-up-container .pop-up-cart .payment-success-view .order-info .total-container, .pop-up-container .pop-up-cart .payment-error-view .order-info .total-container {
  width: 410px !important;
  height: 100px !important;
}
.pop-up-container .pop-up-cart .payment-view .order-info .total-container label, .pop-up-container .pop-up-cart .payment-success-view .order-info .total-container label, .pop-up-container .pop-up-cart .payment-error-view .order-info .total-container label {
  width: 250px !important;
  padding-top: 0px !important;
  font: 18px "fs_elliot_proregular" !important;
}
.pop-up-container .pop-up-cart .payment-view .order-info .total-container span, .pop-up-container .pop-up-cart .payment-success-view .order-info .total-container span, .pop-up-container .pop-up-cart .payment-error-view .order-info .total-container span {
  width: 130px !important;
  padding-top: 0px !important;
  font: 18px "fs_elliot_proregular" !important;
  text-align: right;
}
.pop-up-container .pop-up-cart .payment-view .order-info .total-container span.total, .pop-up-container .pop-up-cart .payment-success-view .order-info .total-container span.total, .pop-up-container .pop-up-cart .payment-error-view .order-info .total-container span.total {
  font: 18px "fs_elliot_proregular" !important;
}
.pop-up-container .pop-up-cart .payment-view .order-info .total, .pop-up-container .pop-up-cart .payment-success-view .order-info .total, .pop-up-container .pop-up-cart .payment-error-view .order-info .total {
  display: block;
  font: 18px "fs_elliot_probold" !important;
  width: 130px !important;
  float: left;
  text-align: right;
  padding-top: 20px;
}
.pop-up-container .pop-up-cart .payment-view .order-info label.total, .pop-up-container .pop-up-cart .payment-success-view .order-info label.total, .pop-up-container .pop-up-cart .payment-error-view .order-info label.total {
  width: 80px !important;
  margin-right: 10px;
}
.pop-up-container .pop-up-cart .payment-view .order-info .label-heading, .pop-up-container .pop-up-cart .payment-success-view .order-info .label-heading, .pop-up-container .pop-up-cart .payment-error-view .order-info .label-heading {
  font: 18px "fs_elliot_probold";
  display: block;
  margin: 30px 0px 20px;
}
.pop-up-container .pop-up-cart .payment-view .order-info .address, .pop-up-container .pop-up-cart .payment-success-view .order-info .address, .pop-up-container .pop-up-cart .payment-error-view .order-info .address {
  display: block;
  font: 14px "fs_elliot_proregular";
}
.pop-up-container .pop-up-cart .payment-view .payment-info, .pop-up-container .pop-up-cart .payment-success-view .payment-info, .pop-up-container .pop-up-cart .payment-error-view .payment-info {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  width: 285px;
  min-height: 400px;
  height: auto;
  background: #097bab;
  float: right;
}
.pop-up-container .pop-up-cart .payment-view .payment-info h3, .pop-up-container .pop-up-cart .payment-success-view .payment-info h3, .pop-up-container .pop-up-cart .payment-error-view .payment-info h3 {
  font: 18px "fs_elliot_proregular";
  text-align: center;
  color: #ffffff;
  margin: 20px 0px;
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div, .pop-up-container .pop-up-cart .payment-success-view .payment-info > div, .pop-up-container .pop-up-cart .payment-error-view .payment-info > div {
  width: 245px;
  margin: 0 auto;
  border-bottom: 1px solid #156d93;
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div .card-icon, .pop-up-container .pop-up-cart .payment-success-view .payment-info > div .card-icon, .pop-up-container .pop-up-cart .payment-error-view .payment-info > div .card-icon {
  display: block;
  width: 64px;
  height: 38px;
  overflow: hidden;
  float: left;
  background: url("images/payment.png");
  border: 2px solid #097bab;
  margin-bottom: 20px;
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div .card-icon.master-card, .pop-up-container .pop-up-cart .payment-success-view .payment-info > div .card-icon.master-card, .pop-up-container .pop-up-cart .payment-error-view .payment-info > div .card-icon.master-card {
  background-position: -72px 0px;
  margin-left: 10px;
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div .card-icon.visa-electron, .pop-up-container .pop-up-cart .payment-success-view .payment-info > div .card-icon.visa-electron, .pop-up-container .pop-up-cart .payment-error-view .payment-info > div .card-icon.visa-electron {
  background-position: -144px 0px;
  margin-left: 10px;
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div .card-icon.selected, .pop-up-container .pop-up-cart .payment-success-view .payment-info > div .card-icon.selected, .pop-up-container .pop-up-cart .payment-error-view .payment-info > div .card-icon.selected {
  border: 2px solid #dee1e5;
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div input[type='radio'], .pop-up-container .pop-up-cart .payment-success-view .payment-info > div input[type='radio'], .pop-up-container .pop-up-cart .payment-error-view .payment-info > div input[type='radio'] {
  visibility: hidden;
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div input[type='submit'], .pop-up-container .pop-up-cart .payment-success-view .payment-info > div input[type='submit'], .pop-up-container .pop-up-cart .payment-error-view .payment-info > div input[type='submit'] {
  border: none;
  display: block;
  margin: 20px auto;
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div fieldset, .pop-up-container .pop-up-cart .payment-success-view .payment-info > div fieldset, .pop-up-container .pop-up-cart .payment-error-view .payment-info > div fieldset {
  padding: 0px;
  margin: 0px;
  border: none;
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div fieldset label, .pop-up-container .pop-up-cart .payment-success-view .payment-info > div fieldset label, .pop-up-container .pop-up-cart .payment-error-view .payment-info > div fieldset label {
  width: 245px;
  display: block;
  font: 18px "fs_elliot_proregular";
  font-weight: 300;
  color: #ffffff;
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div fieldset input[type='text'], .pop-up-container .pop-up-cart .payment-success-view .payment-info > div fieldset input[type='text'], .pop-up-container .pop-up-cart .payment-error-view .payment-info > div fieldset input[type='text'] {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  width: 245px;
  height: 35px;
  border: none;
  background: #dee1e5;
  text-indent: 10px;
  color: #164c95;
  font: 18px "fs_elliot_proregular";
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div fieldset .error, .pop-up-container .pop-up-cart .payment-success-view .payment-info > div fieldset .error, .pop-up-container .pop-up-cart .payment-error-view .payment-info > div fieldset .error {
  font: 12px "fs_elliot_proregular";
  color: #920202;
  display: block;
  height: 20px;
  line-height: 20px;
  visibility: hidden;
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div fieldset.invalid input[type='email'], .pop-up-container .pop-up-cart .payment-success-view .payment-info > div fieldset.invalid input[type='email'], .pop-up-container .pop-up-cart .payment-error-view .payment-info > div fieldset.invalid input[type='email'], .pop-up-container .pop-up-cart .payment-view .payment-info > div fieldset.invalid input[type='password'], .pop-up-container .pop-up-cart .payment-success-view .payment-info > div fieldset.invalid input[type='password'], .pop-up-container .pop-up-cart .payment-error-view .payment-info > div fieldset.invalid input[type='password'], .pop-up-container .pop-up-cart .payment-view .payment-info > div fieldset.invalid input[type='text'], .pop-up-container .pop-up-cart .payment-success-view .payment-info > div fieldset.invalid input[type='text'], .pop-up-container .pop-up-cart .payment-error-view .payment-info > div fieldset.invalid input[type='text'] {
  border: solid 1px red;
}
.pop-up-container .pop-up-cart .payment-view .payment-info > div fieldset.invalid span.error, .pop-up-container .pop-up-cart .payment-success-view .payment-info > div fieldset.invalid span.error, .pop-up-container .pop-up-cart .payment-error-view .payment-info > div fieldset.invalid span.error {
  visibility: visible;
}
.pop-up-container .pop-up-cart .payment-view .payment-info .terms-conditions, .pop-up-container .pop-up-cart .payment-success-view .payment-info .terms-conditions, .pop-up-container .pop-up-cart .payment-error-view .payment-info .terms-conditions {
  width: 245px;
  display: block;
  padding: 20px 0px;
  margin: 0px auto;
  border-top: 1px solid #259acc;
  font: 12px "fs_elliot_proregular";
  color: #ffffff;
}
.pop-up-container .pop-up-cart .payment-success-view, .pop-up-container .pop-up-cart .payment-error-view {
  display: none;
}
.pop-up-container .pop-up-cart .payment-success-view .content, .pop-up-container .pop-up-cart .payment-error-view .content {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  width: 800px;
  min-height: 440px;
  height: auto;
}
.pop-up-container .pop-up-cart .payment-success-view .order-info .order-header, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header {
  *zoom: 1;
  min-height: 90px;
  height: auto !important;
  padding-bottom: 20px;
}
.pop-up-container .pop-up-cart .payment-success-view .order-info .order-header:before, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header:before, .pop-up-container .pop-up-cart .payment-success-view .order-info .order-header:after, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header:after {
  content: "";
  display: table;
}
.pop-up-container .pop-up-cart .payment-success-view .order-info .order-header:after, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header:after {
  clear: both;
}
.pop-up-container .pop-up-cart .payment-success-view .order-info .order-header span.thank-you, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header span.thank-you {
  font: 36px "fs_elliot_probold";
  display: block;
  padding: 20px 20px 0px;
}
.pop-up-container .pop-up-cart .payment-success-view .order-info .order-header label, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header label {
  font: 18px "fs_elliot_probold";
  width: 410px !important;
}
.pop-up-container .pop-up-cart .payment-success-view .order-info .order-header span.address, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header span.address {
  margin-left: 20px;
  width: 235px;
  font: 12px "fs_elliot_proregular";
  float: left;
}
.pop-up-container .pop-up-cart .payment-success-view .order-info .order-header span.card-num, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header span.card-num, .pop-up-container .pop-up-cart .payment-success-view .order-info .order-header span.card-expiry, .pop-up-container .pop-up-cart .payment-error-view .order-info .order-header span.card-expiry {
  width: 150px;
  font: 12px "fs_elliot_proregular";
  float: left;
}
.pop-up-container .pop-up-cart .payment-success-view .total, .pop-up-container .pop-up-cart .payment-error-view .total {
  margin: 10px 0px 10px;
  padding-top: 0px !important;
}
.pop-up-container .pop-up-cart .payment-success-view label.total.width, .pop-up-container .pop-up-cart .payment-error-view label.total.width {
  width: 250px !important;
}
.pop-up-container .pop-up-cart .payment-success-view .payment-info input[type=button], .pop-up-container .pop-up-cart .payment-error-view .payment-info input[type=button] {
  border: none;
  margin: 20px auto;
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #259acc;
}
.pop-up-container .pop-up-cart .payment-success-view .payment-info p, .pop-up-container .pop-up-cart .payment-error-view .payment-info p {
  border-bottom: 1px solid #156d93;
}
.pop-up-container .pop-up-cart .payment-success-view .payment-info div.border-top, .pop-up-container .pop-up-cart .payment-error-view .payment-info div.border-top {
  border-top: 1px solid #259acc;
  border-bottom: none;
}
.pop-up-container .pop-up-cart .payment-success-view .payment-info .go-to-shop, .pop-up-container .pop-up-cart .payment-error-view .payment-info .go-to-shop {
  display: block;
  font-size: 14px;
  line-height: 30px;
  color: #259acc;
  text-indent: 0px;
  margin: 20px auto;
}
.pop-up-container .pop-up-cart .payment-success-view .payment-info .help, .pop-up-container .pop-up-cart .payment-error-view .payment-info .help {
  font: 24px "fs_elliot_proregular";
  color: #ffffff;
  display: block;
}
.pop-up-container .pop-up-cart .payment-error-view {
  display: none;
}
.pop-up-container .pop-up-cart .payment-error-view.adjiust-height {
  height: 600px !important;
}
.pop-up-container .pop-up-cart .payment-error-view .order-info.height-400 {
  min-height: 365px !important;
}
.pop-up-container .pop-up-cart .payment-error-view .order-info.height-400 .back {
  overflow: hidden;
  display: block;
  margin: 140px auto 20px !important;
  margin-top: 35px;
}
.pop-up-container .pop-up-cart .payment-error-view .payment-info.height-400 {
  min-height: 365px !important;
}
.pop-up-container .pop-up-cart .payment-error-view p {
  padding: 0px 20px;
  font: 18px "fs_elliot_proregular";
}
.pop-up-container .pop-up-login {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  position: absolute;
  width: 800px;
  min-height: 590px;
  height: auto;
  background: #e8e8e8;
  left: 50%;
  margin-left: -400px;
  top: 20%;
  z-index: 110;
  display: none;
}
.pop-up-container .pop-up-login .content {
  background-color: #e6e7e8;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e7e8', endColorstr='#c7d0dc', GradientType=if($orientation=="radial", 1, 0));
  background: #e6e7e8;
  background: -webkit-gradient(linear, 0% 0%, 100% 100%, color-stop(0%, #e6e7e8), color-stop(100%, #c7d0dc));
  background: -webkit-linear-gradient(top, #e6e7e8, #c7d0dc);
  background: -moz-linear-gradient(top, #e6e7e8, #c7d0dc);
  background: -ms-linear-gradient(top, #e6e7e8, #c7d0dc);
  background: -o-linear-gradient(top, #e6e7e8, #c7d0dc);
  background: linear-gradient(top, #e6e7e8, #c7d0dc);
  -webkit-border-radius: 5px 5px 0px 0px;
  -moz-border-radius: 5px 5px 0px 0px;
  -khtml-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  width: 800px;
  min-height: 365px;
  height: auto;
  border-bottom: 1px solid #9fa6b0;
}
.pop-up-container .pop-up-login .content section {
  width: 740px;
  min-height: 400px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.pop-up-container .pop-up-login .content section h2 {
  width: 740px !important;
}
.pop-up-container .pop-up-login .content section .login-form-holder {
  width: 330px;
  height: auto;
  float: left;
}
.pop-up-container .pop-up-login .content section .login-form-holder h3 {
  font: 30px "fs_elliot_prolight";
  font-weight: 400;
  margin: 20px 0px;
}
.pop-up-container .pop-up-login .content section .login-form-holder fieldset {
  border: none;
  padding: 0px;
}
.pop-up-container .pop-up-login .content section .login-form-holder fieldset input[type='email'], .pop-up-container .pop-up-login .content section .login-form-holder fieldset input[type='password'] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  width: 328px;
  height: 43px;
  background: #00a6b9;
  font: 30px "fs_elliot_prolight";
  color: #ffffff;
  text-indent: 10px;
  border: none;
}
.pop-up-container .pop-up-login .content section .login-form-holder fieldset ::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #ffffff;
}
.pop-up-container .pop-up-login .content section .login-form-holder fieldset :-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #ffffff;
}
.pop-up-container .pop-up-login .content section .login-form-holder fieldset ::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #ffffff;
}
.pop-up-container .pop-up-login .content section .login-form-holder fieldset :-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #ffffff;
}
.pop-up-container .pop-up-login .content section .login-form-holder fieldset span.error {
  height: 20px;
  font: 12px "fs_elliot_prolight";
  color: red;
  visibility: hidden;
}
.pop-up-container .pop-up-login .content section .login-form-holder fieldset.invalid input[type='email'], .pop-up-container .pop-up-login .content section .login-form-holder fieldset.invalid input[type='password'], .pop-up-container .pop-up-login .content section .login-form-holder fieldset.invalid input[type='text'] {
  border: solid 1px red;
}
.pop-up-container .pop-up-login .content section .login-form-holder fieldset.invalid span.error {
  visibility: visible;
}
.pop-up-container .pop-up-login .content section .login-form-holder input[type='submit'] {
  background: url("images/login-sprite.png");
  background-position: 0px -17px;
  border: none;
  float: right;
  width: 98px;
  height: 39px;
  margin-right: -10px;
}
.pop-up-container .pop-up-login .content section a.link {
  font: 14px "fs_elliot_proregular";
  color: #1853a3;
}
.pop-up-container .pop-up-login .content section a.link:hover {
  text-decoration: underline;
}
.pop-up-container .pop-up-login .content section .social-login {
  width: 325px;
  height: auto;
  float: right;
}
.pop-up-container .pop-up-login .content section .social-login h3 {
  font: 30px "fs_elliot_prolight";
  font-weight: 400;
  margin: 20px 0px;
}
.pop-up-container .pop-up-login .content section .social-login a.social-login-icons {
  display: block;
  width: 40px;
  height: 40px;
  background: url("images/login-sprite.png");
  background-position: -117px -13px;
  float: left;
  text-indent: -999em;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
}
.pop-up-container .pop-up-login .content section .social-login a.social-login-icons.google {
  background-position: -180px -13px;
  margin: 0px 20px;
}
.pop-up-container .pop-up-login .content section .social-login a.social-login-icons.yahoo {
  background-position: -241px -13px;
}
.pop-up-container .pop-up-login .content section .social-login p {
  clear: both;
  font: 14px "fs_elliot_proregular";
  display: block;
  padding: 30px 0px;
}
.pop-up-container .pop-up-login .content-bottom {
  width: 740px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
}
.pop-up-container .pop-up-login .content-bottom h3 {


  font: 30px "fs_elliot_prolight";
  font-weight: 400;
  margin: 20px 0px 0px;
}
.pop-up-container .pop-up-login .content-bottom .left {
  width: 330px;
  height: auto;
  float: left;
}
.pop-up-container .pop-up-login .content-bottom .right {
  width: 325px;
  height: auto;
  float: right;
}
.pop-up-container .pop-up-login .content-bottom p {
  margin: 0px;
  font: 13px "fs_elliot_prolight";
}
.pop-up-container .pop-up-login .content-bottom .login-icons {
  width: 105px;
  height: 95px;
  display: block;
  text-align: center;
  font: 14px "fs_elliot_proregular";
  float: left;
  margin: 10px 0px 30px;
  color: #000000;
}
.pop-up-container .pop-up-login .content-bottom .login-icons .icon {
  width: 70px;
  height: 60px;
  display: block;
  margin: 0 auto;
  background: url("images/login-sprite.png");
  background-position: -5px -70px;
  text-indent: -999em;
  overflow: hidden;
}
.pop-up-container .pop-up-login .content-bottom .login-icons .icon.autopay {
  background-position: -83px -70px;
}
.pop-up-container .pop-up-login .content-bottom .login-icons .icon.paperless {
  background-position: -169px -63px;
}
.pop-up-container .pop-up-login .content-bottom .login-icons:hover {
  text-decoration: underline;
}
.pop-up-container .pop-up-login .content-bottom a.checklist {
  display: block;
  font: 14px "fs_elliot_proregular";
  color: #000000;
  margin: 10px 0px;
}
.pop-up-container .pop-up-login .content-bottom a.checklist .check {
  width: 15px;
  height: 15px;
  display: block;
  margin: 0 auto;
  background: url("images/login-sprite.png");
  background-position: -306px -27px;
  text-indent: -999em;
  overflow: hidden;
  float: left;
  margin-right: 10px;
}
.pop-up-container .pop-up-login .content-bottom a.checklist:hover {
  text-decoration: underline;
}

.carousel {
  height: 535px;
  margin: 0;
  padding: 0;
  *zoom: 1;
}
.carousel:before, .carousel:after {
  content: "";
  display: table;
}
.carousel:after {
  clear: both;
}
.carousel div.carousel-inner {
  position: relative;
  padding: 0;
  margin: 40px 0;
  list-style: none;
  color: white;
}
.carousel .item {
  position: absolute;
  top: 0;
  left: -100%;
  height: 445px;
  *zoom: 1;
  color: white;
}
.carousel .item:before, .carousel .item:after {
  content: "";
  display: table;
}
.carousel ul li:after {
  clear: both;
}
.carousel ul li > * {
  position: relative;
  left: -100%;
}
.carousel div.active {
  left: 0;
}
.carousel .active > * {
  left: 0;
}
.carousel .carousel-inner .item h2 {
  font-size: 40px;
  font-weight: normal;
  line-height: 1;
  color: white;
  margin: 60px 0 20px 0;
}
.carousel ul li > p {
  margin: 0;
}

/*Social Sharing buttons*/

.carousel .social-sharing {
  position: relative;
 /* top: 50%;
  float: left;
  margin: -100px 0 0 20px;
*/  z-index: 5;
left:20px;
}
.carousel .social-sharing a {
  clear: none;
  /*float: left;*/
  width: 35px;
  height: 35px;
 /* margin: 10px 0;*/
 margin: 0px 5px;
  text-indent: -999em;
  overflow: hidden;
  /*background: url(../images/icons/icon-sharing-sprite.png) no-repeat left top;*/
  background: url(../images/icons/SocialIcons.png) no-repeat left top;
  background-size: 163px 44px;
}
.carousel .social-sharing a:hover {
  position: relative;
	margin:0px 5px;
	clear: none;
	width: 35px;
	height: 35px;
	background: url(../images/icons/SocialIcons_hover.png) no-repeat left top;
	background-size: 163px 44px;
}

.carousel .social-sharing a.mail {
 /* background-position: left -166px;*/
 background-position: -3px center;
}

.carousel .social-sharing a.mail:hover {
 /* background-position: left -166px;*/
 background-position: -3px center;
}
.carousel .social-sharing a.fb {
  /*background-position: -39px top;*/
  background-position: -45px center;
}
.carousel .social-sharing a.fb:hover {
  /*background-position: -60px -166px;*/
   background-position: -45px center;
}
.carousel .social-sharing a.tw {
  background-position: -86px -5px;
}
.carousel .social-sharing a.tw:hover {
  background-position: -86px -5px;
}
.carousel .social-sharing a.other {
  background-position: -125px center;
}
.carousel .social-sharing a.other:hover {
  /*background-position: -60px -226px;*/
  background-position: -125px center;
}

/*End*/
.carousel .btn {
  margin: 30px 0 10px;
}
.carousel .hero-media {
  float: left;
  margin: 0 20px 0 50px;
  text-align: center;
}
.carousel .product {
  width: 45%;
}
.carousel .product img {
  display: block;
  width: 50%;
  margin: 0 auto;
}
.carousel .feature-plan h3 {
  font-family: "fs_elliot_probold", Helvetica;
  font-size: 24px;
  margin-top: 30px;
  margin-bottom: 0px;
}
.carousel .feature-plan p {
  margin: 0px;
}
.carousel .footnote {
  margin: 20px 0 0;
  font-family: "fs_elliot_probold", Helvetica;
}
.carousel .footnote p {
  margin: 0;
  color: black;
}
.carousel .footnote a {
  text-decoration: none;
  color: #1853a3;
}
.carousel .carousel-nav {
  /*display: none;*/
}
.carousel .carousel-nav a {
  position: absolute;
  top: 50%;
  width: 45px;
  height: 45px;
  margin-top: -45px;
  text-indent: -999em;
  font-size: 0;
  line-height: 0;
  background: url(../images/icons/icon-carousel-nav-sprite.png) no-repeat left top;
}
.carousel .carousel-nav a#prev {
  left: -50px;
}
.carousel .carousel-nav a#prev:hover {
  background-position: left -45px;
}
.carousel .carousel-nav a#next {
  left: auto;
  right: -50px;
  background-position: -45px top;
}
.carousel .carousel-nav a#next:hover {
  background-position: -45px -45px;
}
.carousel .social-sharing {
  margin-left: 50px;
}
.carousel .hero-media {
  width: 45%;
  margin-left: 100px;
}
.carousel.one .hero-media > img {
  width: 100%;
  margin-top: 20px;
}
.carousel.one .hero-media iframe, .carousel.one .hero-media object {
  margin-top: 50px;
}
.carousel.two .social-sharing {
  margin-left: 70px;
}
.carousel.two .hero-media {
  width: 40%;
  margin-left: 100px;
}
.carousel.two .thumbs a {
  width: 60px;
  margin: 0 5px;
  line-height: 60px;
  font-size: 0;
  background: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
}
.carousel.two .thumbs a img {
  display: block;
  margin: 2px auto;
}
.carousel.two li {
  *zoom: 1;
}
.carousel.two li:before, .carousel.two li:after {
  content: "";
  display: table;
}
.carousel.two li:after {
  clear: both;
}
.carousel.three {
  color: white;
}
.carousel.three .items {
  float: left;
  width: 50%;
  margin-right: 30px;
  overflow: hidden;
  position: relative;
}
.carousel.three h2 {
  font-size: 40px;
  font-weight: normal;
  line-height: 1;
  margin: 60px 0 20px 0;
}
.carousel.three p {
  margin: 20px 0;
  font-size: 14px;
  font-family: "fs_elliot_proregular", Helvetica;
}
.carousel.three strong {
  font-family: "fs_elliot_probold", Helvetica;
}
.carousel.three .btn {
  margin: 20px 0 0;
}
.carousel.three li {
  width: 100%;
  text-align: center;
}
.carousel.three .social-sharing {
  margin: -140px 0 0 90px;
}
.carousel.three .hero-media {
  float: none;
  width: auto;
  margin: 0 0 0 60px;
}
.carousel.three .carousel-nav a {
  z-index: 60;
}
.carousel.three .carousel-nav a#prev {
  left: 0;
}
.carousel.three .carousel-nav a#next {
  right: 0;
}
.carousel.three .thumbs a {
  width: 60px;
  margin: 0 8px;
  line-height: 60px;
  font-size: 0;
  background: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  display: inline-block;
}
.carousel.three .thumbs a img {
  display: block;

  margin: 2px auto;
}

.online-gallery {
  width: 100%;
  padding: 10px 15px;
}
.online-gallery ul {
  padding: 0;
  margin: 0;
  list-style: none;
  *zoom: 1;
}
.online-gallery ul:before, .online-gallery ul:after {
  content: "";
  display: table;
}
.online-gallery ul:after {
  clear: both;
}
.online-gallery ul li {
  position: relative;
  float: left;
  width: 20%;
  margin: 0 20px;
  text-align: center;
  font-family: "fs_elliot_proregular", Helvetica;
  letter-spacing: -1px;
}
.online-gallery ul li h3 {
  margin: 5px 0 0;
  font-size: 16px;
  color: #1853a3;
}
.online-gallery ul li p {
  margin: 0;
  font-size: 14px;
  color: #58595b;
}
.online-gallery ul li p strong {
  font-family: "fs_elliot_probold", Helvetica;
}
.online-gallery ul li:hover .customer-ctrl {
  display: block;
}
.online-gallery ul li .customer-ctrl {
  top: 0;
  left: 50%;
  margin-left: 20px;
}
.online-gallery.short li {
  width: 40%;
}
.online-gallery .gallery-nav {
  padding: 10px 0 20px;
  text-align: center;
}
.online-gallery .gallery-nav a {
  width: 64px;
  height: 10px;
  margin: 0 5px;
  line-height: 0;
  font-size: 0;
  text-indent: -999em;
  background: white;
  display: inline-block;
}
.online-gallery .gallery-nav a.active {
  background-color: #1853a3;
}

/* ===============
   HOME PAGE
   =============== */
.bg-tatoo {
  *zoom: 1;
}
.bg-tatoo:before, .bg-tatoo:after {
  content: "";
  display: table;
}
.bg-tatoo:after {
  clear: both;
}

.content-box {
  margin: 50px 0;
}
.content-box h2 {
  margin: 0;
  font-size: 30px;
}
.content-box p {
  margin: 20px 0;
  font-size: 14px;
}

.invert {
  color: white;
}

.info-box {
  padding-bottom: 50px;
}
.info-box .check, .info-box .cloud {
  margin: 30px 0 20px;
}
.info-box .cloud {
  background-position: -35px top;
}
.info-box h2 {
  font-size: 20px;
  margin: 0 0 30px 0;
}
.info-box ul {
  padding-left: 20px;
}
.info-box li {
  margin: 0;
  padding: 0;
  font-family: "fs_elliot_probold", Helvetica;
}
.info-box li, .info-box p {
  font-size: 14px;
  line-height: 18px;
}
.info-box a {
  text-decoration: none;
  font-family: "fs_elliot_probold", Helvetica;
}
.info-box a:hover {
  text-decoration: underline;
}
.info-box a .arrow-head {
  border-width: 4px 7px;
  border-color: transparent;
  border-style: solid;
  display: inline-block;
  vertical-align: middle;
  border-left-color: #4d2383;
}
.info-box .purple > * {
  margin-left: 20px;
}

/* ===============
   BREADCRUMBS
   =============== */
.breadcrumbs {
  position: relative;
  padding-top: 40px;
  background: #0060b2 url(../images/bg/breadcrumbs-bg.jpg) no-repeat left bottom;
  overflow: visible;
  z-index: 10;
}
.breadcrumbs .crumbs {
  float: left;
  margin: 0px 5px 0 0;
  color: white;
}
.breadcrumbs .crumbs h2 {
  line-height: 26px;
}
.breadcrumbs .crumbs a {
  color: white;
  line-height: 36px;
  text-decoration: none;
}
.breadcrumbs .crumbs a:hover {
  color: #fec500;
}
.breadcrumbs .page-sub {
  line-height: 0;
  font-size: 0;
  padding: 12px 0 0 0;
  margin: 0;
  float: right;
}
.breadcrumbs .page-sub li {
  margin-left: 9px;
  display: inline-block;
}
.breadcrumbs .page-sub li a {
  line-height: 31px;
  font-size: 18px;
  color: #e4f2f7;
  font-family: "fs_elliot_prolight", Helvetica;
}
.breadcrumbs .page-sub li a.empty,.breadcrumbs .page-sub li a.continue, .breadcrumbs .page-sub li a.back, .breadcrumbs .page-sub li a.cancel{
  font-size: 13px;
}
.breadcrumbs .page-sub li a:hover {
  color: white;
}
.breadcrumbs .page-sub li a.active {
  font-family: "fs_elliot_probold", Helvetica;
}
.breadcrumbs .fixed-width, .breadcrumbs .carousel ul li, .carousel .breadcrumbs li {
  *zoom: 1;
}
.breadcrumbs .fixed-width:before, .breadcrumbs .carousel ul li:before, .carousel .breadcrumbs li:before, .breadcrumbs .fixed-width:after, .breadcrumbs .carousel ul li:after, .carousel .breadcrumbs li:after {
  content: "";
  display: table;
}
.breadcrumbs .fixed-width:after, .breadcrumbs .carousel ul li:after, .carousel .breadcrumbs li:after {
  clear: both;
}
.breadcrumbs h2 {
  margin: 0 0 20px;
  display: inline-block;
}
.breadcrumbs a {
  text-decoration: none;
}

/* ===============
   NEWSLETTER
   =============== */
.newsletter {
  padding: 30px 0;
}
.newsletter p {
  width: 52%;
  margin: 0 20px;
  vertical-align: middle;
  display: inline-block;
}
.newsletter form {
  font-size: 0;
  line-height: 0;
  display: inline-block;
  vertical-align: middle;
}
.newsletter form input[type*=text] {
  margin-right: 10px;
  background: #007ab3;
  color: white;
  font-size: 18px;
  line-height: 20px;
  font-family: "fs_elliot_prolight", Helvetica;
  padding: 5px;
  border: 0;
  vertical-align: text-top;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
.newsletter form .btn {
  border: 0;
  width: 122px;
  height: 39px;
  text-align: left;
  vertical-align: text-top;
}

/* ===============
   PREPAID PAGE
   =============== */
.left-ad, .right-ad {
  float: left;
  margin: 30px 0;
  text-align: center;
}

.products, .products1, .products1p, .products-pink, .gallery-products {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  *zoom: 1;
}

.products-pink
{
  padding-bottom:25px;  
}
.products:before, .products:after, .products1:before, .products1:after, .products1p:before, .products1p:after, .products-pink:before, .products-pink:after, .gallery-products:before, .gallery-products:after {
  content: "";
  display: table;
}
.products:after, .products1:after, .products1p:after, .products-pink:after, .gallery-products:after {
  clear: both;
}
.products li, .products1 li, .products-pink l1, .products1p l1, .gallery-products li {
  float: left;
  width: 50%;
  padding: 28px 0;

}
.products1 li
{
  float: left;
  width: 30%;
  padding: 28px 0;
    margin-left: 10px;  
}

.products1p li
{
  float: left;
  width: 30%;
  padding: 28px 0;
    margin-left: 10px;  
}
.products li h2, .gallery-products li h2 {
  margin: 0;
  font-size: 30px;
  font-weight: normal;
}
.products1 li h2
{
  margin: 0;
  font-size: 23px;
  font-weight: normal;  
}
.products li p, .products-pink li p, .gallery-products li p {
  margin: 10px 20px 10px 0;
  font-size: 14px;
  font-family: "fs_elliot_proregular", Helvetica;
  line-height: 1.25;
}

.products1 li p
{
  margin: 5px 20px 10px 0;
  font-size: 14px;
  font-family: "fs_elliot_proregular", Helvetica;
  line-height: 1.20;

}

.products li img, .products-pink li img, .gallery-products li img {
  float: left;
  margin-right: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.products1 li img
{
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;  
}

/* ===============
   POSTPAID PAGE
   =============== */
.single-content-box {
  position: relative;
  width: 480px;
  margin: 60px 0;
  *zoom: 1;
}
.single-content-box:before, .single-content-box:after {
  content: "";
  display: table;
}
.single-content-box:after {
  clear: both;
}
.single-content-box.right {
  margin-left: 40px;
}
.single-content-box img {
  float: left;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
.single-content-box .single-content-box-info {
  width: 50%;
  margin-left: 20px;
  float: left;
}
.single-content-box .single-content-box-info h2 {
  margin-top: 0px;
}
.single-content-box.white .single-content-box-info h2, .single-content-box.white .single-content-box-info p {
  color: white;
}

.rewards li {
  float: left;
  width: 20%;
  padding: 28px 0;
}
.rewards li img {
  display: block;
  width: 149px;
  margin: 0 auto;
  float: none;
}
.rewards li h2 {
  margin: 0;
  padding-top: 10px;
  font-size: 18px;
  font-weight: 300;
  text-align: center;
}

.box-title-small {
  font-size: 18px;
  font-family: "fs_elliot_probold", Helvetica;
}

/* ===============
   BLOG PAGE
   =============== */
.more-blogs {
  font-size: 28px;
  color: #898989;
  text-align: center;
  font-family: "roboto", "fs_elliot_prolight", Helvetica;
}
.more-blogs a {
  color: #ff0000;
  text-decoration: none;
}

.commenting {
  color: #898989;
  font-family: "roboto-light", "fs_elliot_prolight", Helvetica;
}
.commenting h2 {
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: -1px;
  margin: 15px 0 0;
}
.commenting > p {
  margin: 0 0 20px;
}
.commenting input[type=text], .commenting textarea {
  float: left;
  clear: left;
  width: 45%;
  font: normal 22px/30px "fs_elliot_prolight", Helvetica;
  padding: 6px 10px 6px;
  margin: 0 20px 10px 0;
  border: 0;
  background: #e9e9e9;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  outline: none;
  -webkit-box-shadow: inset 0px 5px 10px -4px #131313;
  -moz-box-shadow: inset 0px 5px 10px -4px #131313;
  box-shadow: inset 0px 5px 10px -4px #131313;
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=-4px, Direction=135, Color='#131313')";
  filter: none;
  behavior: url(theme/scripts/pie.htc);
}
.commenting textarea {
  clear: none;
  float: none;
  margin: 0;
}
.commenting .share {
  clear: left;
  float: left;
  width: 45%;
  margin-top: -265px;
  text-align: center;
}
.commenting .share h3 {
  margin: 10px 0;
  font-size: 28px;
  text-transform: uppercase;
  letter-spacing: -1px;
}
.commenting .share > a {
  margin: 10px 0;
  font-size: 22px;
  color: #8393ca;
  text-decoration: none;
}
.commenting .share p {
  margin: 10px 0;
}
.commenting .share .sharing {
  line-height: 0;
  font-size: 0;
  margin: 10px 0;
}
.commenting .share .sharing a {
  width: 83px;
  height: 81px;
  margin: 0 10px;
  text-indent: -999em;
  background: url(../images/icons/icon-sharing-sprite.png) no-repeat left -61px;
  display: inline-block;
}
.commenting .share .sharing a.fb {
  background-position: -82px -61px;
}

.blog-sub-menu-holder {
  height: auto;
  border-bottom: 5px solid #bbccef;
  margin-bottom: 10px;
}
.blog-sub-menu-holder .blog-sub-menu {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
.blog-sub-menu-holder .blog-sub-menu li {
  display: inline;
  padding-top: 10px;
  padding-right: 40px;
  padding-bottom: 10px;
  float: left;
}
.blog-sub-menu-holder .blog-sub-menu li a {
  color: #37528b;
  text-decoration: none;
}
.blog-sub-menu-holder .blog-sub-menu li a:hover {
  color: #bbccef;
}
.blog-sub-menu-holder .sharing {
  display: inline-block;
  line-height: 0;
  font-size: 0;
  margin: 10px 30px;
  vertical-align: top;
}
.blog-sub-menu-holder .sharing a {
  width: 22px;
  height: 21px;
  margin: 0 20px 0 0;
  text-indent: -999em;
  background: url(../images/icons/icon-sharing-sprite.png) no-repeat left top;
  display: inline-block;
}
.blog-sub-menu-holder .sharing a.fb {
  background-position: left -39px;
}
.blog-sub-menu-holder .sharing a.tw {
  background-position: -22px -39px;
}
.blog-sub-menu-holder .sharing a.yt {
  background-position: -44px -39px;
}
.blog-sub-menu-holder .sharing a.rss {
  background-position: -66px -39px;
}
.blog-sub-menu-holder .archives {
  margin: 10px 0;
  color: #37528b;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
}
.blog-sub-menu-holder .archives:hover {
  color: #bbccef;
}

.blog-box-feature {
  position: relative;
  height: auto;
}
.blog-box-feature .blog-box-tag {
  position: absolute;
  background-color: #fec500;
  width: 12.5%;
  color: #005ab0;
  font-size: 30px;
  margin: 0;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  top: 0;
  left: 0;
}
.blog-box-feature .blog-box-info {
  position: absolute;
  color: white;
  width: 50%;
  top: 30%;
  left: 2%;
}
.blog-box-feature .blog-box-info .blog-box-info-title {
  font-size: 40px;
  margin: 0px;
}
.blog-box-feature .blog-box-info .blog-box-info-desc {
  font-size: 16px;
  margin-top: 20px;
}
.blog-box-feature .blog-box-info .blog-box-info-more {
  color: #fec500;
  margin-top: 40px;
  text-decoration: none;
}

.blog-box-article {
  width: 30.93%;
  height: 350px;
  margin-right: 15px;
  margin-bottom: 15px;
}
.blog-box-article .blog-box-article-info-title {
  color: #04519b;
  font-size: 20px;
  text-decoration: none;
}
.blog-box-article .blog-box-article-info-title:hover {
  color: #bbccef;
}
.blog-box-article .blog-box-article-info-desc {
  color: #9a9a9a;
  font-size: 12px;
}
.blog-box-article .blog-box-article-info-more {
  color: #04519b;
  font-size: 12px;
  text-decoration: none;
}
.blog-box-article .blog-box-article-info-more:hover {
  color: #bbccef;
}

.blog-box-holder {
  position: relative;
  *zoom: 1;
}
.blog-box-holder:before, .blog-box-holder:after {
  content: "";
  display: table;
}
.blog-box-holder:after {
  clear: both;
}
.blog-box-holder .blog-box {
  position: relative;
  height: auto;
  margin-left: 5px;
}
.blog-box-holder .blog-box a {
  display: block;
}
.blog-box-holder .blog-box .blog-box-info {
  position: absolute;
  color: white;
  width: 100%;
  bottom: 2%;
  padding-top: 5px;
  padding-bottom: 5px;
}
.blog-box-holder .blog-box .blog-box-info .blog-box-info-title, .blog-box-holder .blog-box .blog-box-info .blog-box-info-desc {
  padding-right: 10px;
  padding-left: 10px;
}
.blog-box-holder .blog-box .blog-box-info .blog-box-info-title {
  font-size: 30px;
  margin: 0px;
}
.blog-box-holder .blog-box .blog-box-info .blog-box-info-desc {
  font-size: 12px;
  margin: 0px;
}
.blog-box-holder .blog-box .blog-box-info .blog-box-info-more {
  color: white;
  font-size: 12px;
  margin-top: 40px;
  text-decoration: none;
}
.blog-box-holder .blog-box .blog-box-info .blog-box-info-more:hover {
  color: #fec500 !important;
}
.blog-box-holder .blog-box.blog-box-img-main img {
  width: 100%;
}
.blog-box-holder .blog-box-top {
  margin-top: 5px;
}
.blog-box-holder .blog-box-left {
  margin: 0px;
}

.box-right {
  top: 0px;
  right: 0px;
  width: 33% !important;
  padding: 10px;
}

.box-bg-grey {
  background-image: url(../images/bg/bg-opacity-grey.png);
}

.box-bg-red {
  background-image: url(../images/bg/bg-opacity-red.png);
}

.box-bg-violet {
  background-image: url(../images/bg/bg-opacity-violet.png);
}

.box-bg-flesh {
  background-image: url(../images/bg/bg-opacity-flesh.png);
}

.eighteenf {
  font-size: 18px !important;
}

.sixteenf {
  font-size: 16px !important;
}

.box-font-blue {
  color: #1b338b !important;
}

.blog-box-section {
  width: 100%;
}
.blog-box-section .blog-box-section-content {
  margin-bottom: 20px;
}
.blog-box-section .blog-box-section-content p {
  font-size: 12px;
  color: #9a9a9a;
  margin: 0px;
}
.blog-box-section .blog-section-category {
  padding: 10px;
  list-style-type: none;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 0px !important;
  overflow: hidden;
}
.blog-box-section .blog-section-category li {
  display: inline;
  width: 45%;
  font-size: 12px;
  padding-left: 5px;
  float: left;
}
.blog-box-section .blog-section-category li a {
  color: #9a9a9a;
  text-decoration: none;
}
.blog-box-section .blog-section-category li a:hover {
  color: #58595b;
}
.blog-box-section .blog-box-section-endline {
  background-color: #be4a76;
  height: 5px;
  width: 100%;
  margin-bottom: 20px;
}

.blog-box-section-title {
  font-family: "fs_elliot_prolight", Helvetica;
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  color: white;
}
.blog-box-section-title.bg-mild-rose {
  background-color: #be4a76;
}
.blog-box-section-title.bg-mild-purple {
  background-color: #53408d;
}
.blog-box-section-title.bg-mild-green {
  background-color: #6fc863;
}
.blog-box-section-title.bg-mild-grey {
  background-color: #b2b2b2;
  color: #555555;
}

.blog-box-post, .blog-box-comments, .blog-box-category {
  width: 100%;
  margin-top: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.blog-box-social {
  height: 60px;
  border-bottom: 1px solid #999999;
}

.blog-box-post {
  height: 295px;
}

.blog-box-comments {
  height: 395px;
}

.blog-box-category {
  height: 680px;
  margin-bottom: 20px;
}

.blog-related-posts {
  position: relative;
  border-bottom: 2px solid #d2d2d2;
  min-height: 100%;
  /* Set to minimum height so overflow doesn't get hidden */
  overflow-y: hidden;
  /* HIDE overflow; I know, it doesn't make much sense */
}

.blog-box-article-inner-header .blog-box-article-inner-subtitle {
  font-size: 24px;
  color: #005ab0;
  margin: 0;
}
.blog-box-article-inner-header .blog-box-article-inner-title {
  font-size: 40px;
  color: #005ab0;
  margin: 0;
}
.blog-box-article-inner-header .blog-box-article-inner-dateposts {
  font-size: 20px;
  font-weight: 300;
  color: #555555;
  margin: 0;
}

.blog-box-article-inner-body {
  font-size: 16px;
  color: #464646;
}
.blog-box-article-inner-body .blog-box-article-inner-body-highlight {
  font-size: 22px;
}

.blog-box-article-nav {
  float: right;
  margin-bottom: 20px;
  color: #005ab0;
  font-size: 12px;
}
.blog-box-article-nav a {
  text-decoration: none;
}
.blog-box-article-nav a:hover {
  text-decoration: underline;
}

/* ===============
   MOBILE INTERNET PAGE
   =============== */
.mobile-internet li {
  float: left;
  width: 20%;
  padding: 28px 0;
}
.mobile-internet li img {
  display: block;
  width: 149px;
  margin: 0 auto;
  float: none;
}
.mobile-internet li h2 {
  font-family: "fs_elliot_probold", Helvetica;
  margin: 0;
  padding-top: 10px;
  font-size: 18px;
  text-align: center;
}
.mobile-internet li p {
  font-family: "fs_elliot_prolight", Helvetica;
  margin: 0;
  font-size: 16px;
  text-align: center;
}

.mobile-internet-videos li {
  float: left;
  width: 25%;
  padding: 28px 0;
}
.mobile-internet-videos li img {
  display: block;
  width: 200px;
  margin: 0 auto;
  float: none;
}
.mobile-internet-videos li .mi-media {
  width: 200px;
  margin: 0 auto;
}
.mobile-internet-videos li h2 {
  font-family: "fs_elliot_prolight", Helvetica;
  margin: 0;
  padding-top: 10px;
  font-size: 18px;
  text-align: center;
}

/* ===============
   ARTICLE PAGE
   =============== */
.article-header-info {
  position: absolute;
  width: 30%;
  right: 15%;
  top: 25%;
}
.article-header-info h2 {
  margin: 0;
  font-family: "fs_elliot_prolight", Helvetica;
  font-size: 50px;
  color: white;
}
.article-header-info h3 {
  margin: 0;
  font-family: "fs_elliot_prolight", Helvetica;
  font-size: 30px;
  color: white;
}
.article-header-info p {
  font-family: "fs_elliot_proregular", Helvetica;
  font-size: 16px;
  color: white;
}

.article-content {
  border-bottom: 1px solid #838991;
  margin-bottom: 20px;
}
.article-content .article-content-body {
  width: 850px;
  margin: 75px auto 35px;
  color: #212223;
}
.article-content .article-content-body .article-content-media {
  margin-top: 50px;
}

.article-content-social {
  height: 35px;
  margin-top: 20px;
  margin-bottom: 50px;
}
.article-content-social .sharing {
  width: 850px;
  line-height: 0;
  font-size: 0;
  margin: 0 auto;
}
.article-content-social .sharing a {
  width: 24px;
  height: 24px;
  margin: 0 10px 0 0;
  text-indent: -999em;
  display: inline-block;
  background: url(../images/icons/icon-sharing-sprite.png) no-repeat left -142px;
}
.article-content-social .sharing a.fb {
  background-position: -48px -142px;
}
.article-content-social .sharing a.connect {
  background-position: left -142px;
}
.article-content-social .sharing a.tw {
  background-position: -24px -142px;
}
.article-content-social .sharing a.mail {
  background-position: -72px -142px;
}

.article {
  width: 70%;
  margin: 0;
  padding: 150px 0;
}
.article h2 {
  font-family: "fs_elliot_prolight", Helvetica;
  font-size: 40px;
}
.article.mleft70 {
  margin-left: 30px !important;
}

.article-half {
  width: 40%;
  margin: 0;
  padding: 150px 0;
  color: #58595b;
}
.article-half h2 {
  font-family: "fs_elliot_prolight", Helvetica;
  font-size: 40px;
}
.article-half h3 {
  margin: 0;
}

/* ===============
   PRODUCT-PREPAID PAGE
   =============== */
.idd-box {
  font-family: "fs_elliot_prolight", Helvetica;
  color: white;
  margin-top: 110px;
  margin-left: 20px;
}
.idd-box p {
  padding-left: 15px;
  width:380px;
}

.idd-card {
  width: 34.375%;
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
  *zoom: 1;
}
.idd-card:before, .idd-card:after {
  content: "";
  display: table;
}
.idd-card:after {
  clear: both;
}
.idd-card li {
  width: 160px;
  float: left;
}
.idd-card li h2 {
  font-size: 16px;
  text-align: center;
}
.idd-card li .btn-holder {
  width: 124px;
  margin: 0 auto;
}

/* ===============
   BRIDGECOM PAGE
   =============== */
.bridgecom-box {
  width: 85%;
  margin: 70px auto 0;
  *zoom: 1;
}
.bridgecom-box:before, .bridgecom-box:after {
  content: "";
  display: table;
}
.bridgecom-box:after {
  clear: both;
}
.bridgecom-box .conserve {
  margin-left: 40px;
}
.bridgecom-box .bridgecom-box-content {
  margin-top: 30px;
  margin-bottom: 50px;
}
.bridgecom-box .bridgecom-box-content img {
  float: left;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  behavior: url(theme/scripts/pie.htc);
}
.bridgecom-box .bridgecom-box-content p {
  font-family: "fs_elliot_prolight", Helvetica;
  width: 78%;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 40px;
  float: left;
}

/* ===============
   COMPARISON PAGE
   =============== */
.comparison-box {
  padding-bottom: 30px;
  *zoom: 1;
}
.comparison-box:before, .comparison-box:after {
  content: "";
  display: table;
}
.comparison-box:after {
  clear: both;
}
.comparison-box .reset-btn {
  color: #e10f2b;
  display: inline-block;
  text-decoration: none;
}
.comparison-box .icon.reset {
  width: 30px;
  height: 30px;
  background: url(../images/icons/icon-other-sprite.png) no-repeat -90px -50px;
}
.comparison-box .comparison-box-header {
  padding-top: 75px;
  *zoom: 1;
}
.comparison-box .comparison-box-header:before, .comparison-box .comparison-box-header:after {
  content: "";
  display: table;
}
.comparison-box .comparison-box-header:after {
  clear: both;
}
.comparison-box .comparison-box-header p {
  margin: 0px;
}
.comparison-box .comparison-box-content {
  margin-top: 35px;
  overflow: hidden;
}
.comparison-box .comparison-box-content .comp-box-left {
  position: relative;
  width: 165px;
}
.comparison-box .comparison-box-content .comp-box-left .circle {
  margin-top: 20%;
  margin-left: 10%;
}
.comparison-box .comparison-box-content .comp-box-left p {
  color: white;
  margin-left: 10%;
}
.comparison-box .comparison-box-content .model {
  height: 185px;
}
.comparison-box .comparison-box-content .comp-box-items {
  position: relative;
  width: 245px;
  height: 1136px;
  float: left;
}
.comparison-box .comparison-box-content .comp-box-items .model {
  height: 230px;
  *zoom: 1;
}
.comparison-box .comparison-box-content .comp-box-items .model:before, .comparison-box .comparison-box-content .comp-box-items .model:after {
  content: "";
  display: table;
}
.comparison-box .comparison-box-content .comp-box-items .model:after {
  clear: both;
}
.comparison-box .comparison-box-content .comp-box-items .model .comp-box-items-info {
  font-size: 14px;
  margin-top: 30px;
  margin-left: 20px;
  width: 100px;
  float: left;
}
.comparison-box .comparison-box-content .comp-box-items .model .comp-box-items-info .item-product-name {
  font-family: "fs_elliot_probold", helvetica;
}
.comparison-box .comparison-box-content .comp-box-items .model .comp-box-items-info a {
  display: block;
  text-decoration: none;
  color: #212223;
}
.comparison-box .comparison-box-content .comp-box-items .model .comp-box-items-info a:hover {
  color: #838991;
}
.comparison-box .comparison-box-content .comp-box-items .body, .comparison-box .comparison-box-content .comp-box-items .display, .comparison-box .comparison-box-content .comp-box-items .connectivity, .comparison-box .comparison-box-content .comp-box-items .multimedia, .comparison-box .comparison-box-content .comp-box-items .software, .comparison-box .comparison-box-content .comp-box-items .price {
  height: 151px;
  *zoom: 1;
}
.comparison-box .comparison-box-content .comp-box-items .body:before, .comparison-box .comparison-box-content .comp-box-items .body:after, .comparison-box .comparison-box-content .comp-box-items .display:before, .comparison-box .comparison-box-content .comp-box-items .display:after, .comparison-box .comparison-box-content .comp-box-items .connectivity:before, .comparison-box .comparison-box-content .comp-box-items .connectivity:after, .comparison-box .comparison-box-content .comp-box-items .multimedia:before, .comparison-box .comparison-box-content .comp-box-items .multimedia:after, .comparison-box .comparison-box-content .comp-box-items .software:before, .comparison-box .comparison-box-content .comp-box-items .software:after, .comparison-box .comparison-box-content .comp-box-items .price:before, .comparison-box .comparison-box-content .comp-box-items .price:after {
  content: "";
  display: table;
}
.comparison-box .comparison-box-content .comp-box-items .body:after, .comparison-box .comparison-box-content .comp-box-items .display:after, .comparison-box .comparison-box-content .comp-box-items .connectivity:after, .comparison-box .comparison-box-content .comp-box-items .multimedia:after, .comparison-box .comparison-box-content .comp-box-items .software:after, .comparison-box .comparison-box-content .comp-box-items .price:after {
  clear: both;
}
.comparison-box .comparison-box-content .comp-box-items .body .comp-box-items-info, .comparison-box .comparison-box-content .comp-box-items .display .comp-box-items-info, .comparison-box .comparison-box-content .comp-box-items .connectivity .comp-box-items-info, .comparison-box .comparison-box-content .comp-box-items .multimedia .comp-box-items-info, .comparison-box .comparison-box-content .comp-box-items .software .comp-box-items-info, .comparison-box .comparison-box-content .comp-box-items .price .comp-box-items-info {
  font-size: 14px;
  margin-top: 30px;
  margin-left: 20px;
  width: 100px;
  float: left;
}
.comparison-box .comparison-box-content .comp-box-items .body .comp-box-items-info .item-product-name, .comparison-box .comparison-box-content .comp-box-items .display .comp-box-items-info .item-product-name, .comparison-box .comparison-box-content .comp-box-items .connectivity .comp-box-items-info .item-product-name, .comparison-box .comparison-box-content .comp-box-items .multimedia .comp-box-items-info .item-product-name, .comparison-box .comparison-box-content .comp-box-items .software .comp-box-items-info .item-product-name, .comparison-box .comparison-box-content .comp-box-items .price .comp-box-items-info .item-product-name {
  font-family: "fs_elliot_probold", helvetica;
}
.comparison-box .comparison-box-content .comp-box-items .body .comp-box-items-info a, .comparison-box .comparison-box-content .comp-box-items .display .comp-box-items-info a, .comparison-box .comparison-box-content .comp-box-items .connectivity .comp-box-items-info a, .comparison-box .comparison-box-content .comp-box-items .multimedia .comp-box-items-info a, .comparison-box .comparison-box-content .comp-box-items .software .comp-box-items-info a, .comparison-box .comparison-box-content .comp-box-items .price .comp-box-items-info a {
  text-decoration: none;
  color: #212223;
}
.comparison-box .comparison-box-content .comp-box-items .body .comp-box-items-info a:hover, .comparison-box .comparison-box-content .comp-box-items .display .comp-box-items-info a:hover, .comparison-box .comparison-box-content .comp-box-items .connectivity .comp-box-items-info a:hover, .comparison-box .comparison-box-content .comp-box-items .multimedia .comp-box-items-info a:hover, .comparison-box .comparison-box-content .comp-box-items .software .comp-box-items-info a:hover, .comparison-box .comparison-box-content .comp-box-items .price .comp-box-items-info a:hover {
  color: #838991;
}
.comparison-box .comparison-box-content .comp-box-items img {
  margin-top: 30px;
  margin-left: 30px;
  float: left;
}
.comparison-box .comparison-box-content .comp-box-items p {
  font-family: "fs_elliot_proregular", helvetica;
  font-size: 14px;
}
.comparison-box .comparison-box-content .comp-box-items p.items-data {
  padding-left: 20px;
}
.comparison-box .comparison-box-content .comp-box-items p strong {
  font-family: "fs_elliot_probold", helvetica;
}
.comparison-box .comparison-box-content .comp-box-right {
  position: relative;
  height: 1136px;
  min-width: 60px;
  overflow: hidden;
}


.icon-add-model {
  display: block;
  background-image: url(../images/temp/temp-add-items.png);
  width: 48px;
  height: 48px;
  margin-top: 65px;
  margin-left: 5px;
  margin-right: 5px;
  text-indent: -9999px;
  white-space: nowrap;
  outline: none;
}

.icon-remove-model {
  position: absolute;
  display: block;
  background-image: url(../images/temp/temp-remove-items.png);
  width: 35px;
  height: 35px;
  top: 5px;
  right: 5px;
  text-indent: -9999px;
  white-space: nowrap;
  outline: none;
}

/* ===============
   GALLERY PAGE
   =============== */
.gallery-content {
  width: auto;
  position: relative;
  *zoom: 1;
}
.gallery-content:before, .gallery-content:after {
  content: "";
  display: table;
}
.gallery-content:after {
  clear: both;
}

.gallery960 {
  height: 100%;
  margin-left: 300px;
  padding-bottom: 20px;
  *zoom: 1;
}
.gallery960:before, .gallery960:after {
  content: "";
  display: table;
}
.gallery960:after {
  clear: both;
}

.cart-quickview {
  position: relative;
  float: right;
}
.cart-quickview .btn {
  margin: 10px 0;
  text-align: left;
}
.cart-quickview .mini-cart {
  margin-right: 5px;
}
.cart-quickview > p {
  margin: 0;
  font-size: 18px;
  font-family: "fs_elliot_proregular";
  *zoom: 1;
}
.cart-quickview > p:before, .cart-quickview > p:after {
  content: "";
  display: table;
}
.cart-quickview > p:after {
  clear: both;
}
.cart-quickview > p strong {
  font-weight: normal;
}
.cart-quickview > p a {
  color: white;
}
.cart-quickview > p .caret {
  margin-left: 5px;
}
.cart-quickview section {
  position: absolute;
  left: -10px;
  top: -10px;
  width: 232px;
  line-height: 0;
  background: #e9e9e9;
  z-index: 8;
  display: none;
  overflow: hidden;
  z-index: 10;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 2px 2px 5px gray;
  -moz-box-shadow: 2px 2px 5px gray;
  box-shadow: 2px 2px 5px gray;
}
.cart-quickview section header {
  width: 100%;
  background: #8f9091;
  display: inline-block;
  border-bottom: 1px solid #5e5f60;
}
.cart-quickview section h2 {
  float: left;
  margin: 10px;
  font-size: 14px;
  font-family: "fs_elliot_proregular";
  color: white;
}
.cart-quickview section .collapse {
  float: right;
  margin: 15px 10px 15px;
}
.cart-quickview section .cart-products {
  list-style: none;
  margin: 0;
  padding: 0;
}
.cart-quickview section .cart-products li {
  padding: 0 10px;
  border-top: 1px solid white;
  border-bottom: 1px solid #5e5f60;
}
.cart-quickview section p {
  margin: 0 0 5px 0;
  font-size: 13px;
  font-family: "fs_elliot_proregular";
  line-height: 15px;
}
.cart-quickview section .product-desc {
  float: left;
  width: 90%;
  margin: 10px 0;
  line-height: 18px;
  font-size: 14px;
  font-family: "fs_elliot_probold";
}
.cart-quickview section .product-meta .number {
  float: right;
}
.cart-quickview section .cross {
  float: right;
  margin: 10px 0;
  font-size: 0;
  line-height: 0;
}
.cart-quickview section .view-cart {
  line-height: 1;
  font-size: 12px;
  display: block;
}
.cart-quickview section .total {
  margin: 0;
  padding: 5px 10px;
  font-family: "fs_elliot_probold";
  text-align: left;
  border: 1px #5e5f60;
  border-top: 1px solid white;
  border-bottom: 1px solid #5e5f60;
}
.cart-quickview section footer {
  width: 100%;
  padding-bottom: 10px;
  text-align: center;
  display: inline-block;
}

.gallery-filter {
  position: absolute;
  width: 230px;
  line-height: 0;
  left: 2%;
  top: -80px;
  z-index: 2;
  -webkit-box-shadow: 2px 2px 5px gray;
  -moz-box-shadow: 2px 2px 5px gray;
  box-shadow: 2px 2px 5px gray;
}
.gallery-filter .icon.collapse {
  float: right;
}
.gallery-filter .filters {
  background-color: #d9d9d9;
}
.gallery-filter .gallery-filter-header {
  display: inline-block;
  background-color: #8f9091;
  width: 100%;
  height: 50px;
}
.gallery-filter .gallery-filter-header h3 {
  float: left;
  margin: 10px 10px 0;
  line-height: 25px;
  font-size: 14px;
  font-family: "fs_elliot_proregular", helvetica;
  text-transform: uppercase;
  color: white;
}
.gallery-filter .gallery-filter-header .icon.collapse {
  margin: 15px 10px;
  /*background-position: 0px -35px;
-webkit-transform: rotate(45deg);*/
}
.gallery-filter h4 {
  margin: 0;
  padding: 20px 10px;
  line-height: 1;
  font-family: "fs_elliot_probold", helvetica;
  text-transform: uppercase;
  cursor: pointer;
  border-top: 1px solid #aeaeae;
  /*
  .collapse {
    margin:0;
    background-position:-219px 0;
  }
  */
}
.gallery-filter h4 a {
  display: block;
  color: black;
  text-decoration: none;
}
.gallery-filter h4:first-child {
  border: none;
}
.gallery-filter ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px 20px 20px 0;
  display: none;
}
.gallery-filter ul li {
  font-size: 14px;
  line-height: 1;
  margin-left: 15%;
}
.gallery-filter ul li + li dl {
  margin-top: 25px;
}
.gallery-filter ul dl {
  margin: 0px;
  padding: 0px;
  line-height: 1;
}
.gallery-filter ul dt {
  font-family: "fs_elliot_probold", helvetica;
}
.gallery-filter ul dd {
  margin: 0;
}
.gallery-filter ul li + li, .gallery-filter ul dd {
  margin-top: 10px;
}
.gallery-filter ul a {
  color: #1853a3;
  text-decoration: none;
}
.gallery-filter ul .empty {
  color: black;
  text-decoration: line-through;
}

.gallery-header {
  min-height: 112px;
}
.gallery-header .sorter {
  position: relative;
  margin: 33px 0 0;
}
.gallery-header .sorter .arrow-head {
  float: right;
  margin: 15px 0 -7px 0;
  border-width: 10px 5px;
  border-color: black transparent transparent;
}
.gallery-header .sorter > a {
  width: 120px;
  margin-left: 10px;
  vertical-align: middle;
}
.gallery-header .sorter .data-list {
  position: absolute;
  width: 160px;
  top: 0;
  right: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  background: #d9d9d9;
  z-index: 10;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: none;
}
.gallery-header .sorter .data-list li + li {
  border-top: 1px solid #b8babd;
}
.gallery-header .sorter .data-list a {
  padding: 0 20px;
  line-height: 43px;
  font-size: 14px;
  color: black;
  text-decoration: none;
  display: block;
}
.gallery-header .tabs {
  padding: 0 20px;
  line-height: 43px;
  font-size: 14px;
  color: black;
  text-decoration: none;
  display: inline-block;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  overflow: hidden;
  border-bottom: 1px solid #dbdcde;
  border-top: 1px solid #858586;
  background: #ececed;
  background: -moz-linear-gradient(top, #ececed 0%, #d1d3d4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececed), color-stop(100%, #d1d3d4));
  background: -webkit-linear-gradient(top, #ececed 0%, #d1d3d4 100%);
  background: -o-linear-gradient(top, #ececed 0%, #d1d3d4 100%);
  background: -ms-linear-gradient(top, #ececed 0%, #d1d3d4 100%);
  background: linear-gradient(to bottom, #ececed 0%, #d1d3d4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececed', endColorstr='#d1d3d4',GradientType=0 );
  behavior: url(http://54.215.4.86/skin/frontend/globeshop/flux/js/PIE.htc);
}
.gallery-header .tabs .active, .gallery-header .tabs.active {
  color: white;
  box-shadow: inset 0 3px 10px 2px rgba(0, 0, 0, 0.3);
  background: #0097b9;
  background: -moz-linear-gradient(top, #0097b9 0%, #60b200 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0097b9), color-stop(100%, #60b200));
  background: -webkit-linear-gradient(top, #0097b9 0%, #60b200 100%);
  background: -o-linear-gradient(top, #0097b9 0%, #60b200 100%);
  background: -ms-linear-gradient(top, #0097b9 0%, #60b200 100%);
  background: linear-gradient(to bottom, #0097b9 0%, #60b200 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0097b9', endColorstr='#60b200',GradientType=0 );
}
.gallery-header .gallery-tabs {
  float: left;
  margin: 33px 40px 0;
  list-style: none;
  *zoom: 1;
  padding: 0;
}
.gallery-header .gallery-tabs:before, .gallery-header .gallery-tabs:after {
  content: "";
  display: table;
}
.gallery-header .gallery-tabs:after {
  clear: both;
}
.gallery-header .gallery-tabs li {
  float: left;
}
.gallery-header .gallery-tabs li:last-child a {
  border-right: 0;
}
.gallery-header .gallery-tabs li a {
  padding: 0 20px;
  line-height: 43px;
  font-size: 14px;
  color: black;
  display: inline-block;
  text-decoration: none;
  border-right: 1px solid #b7b7b8;
  border-left: 1px solid #e8e8e9;
}
.gallery-header .gallery-tabs li.active a {
  color: white;
  border-left-color: #28a26b;
  border-bottom-color: #28a26b;
}

.gallery-products {
  max-width: 100%;
  margin: 0;
  padding-bottom: 20px;
  overflow: hidden;
}
.gallery-products li {
  position: relative;
  width: 29%;
  margin: 7px 7px 0 0;
  list-style: none;
  float: left;
  background: url(../images/bg/gallery-products-bg.jpg) repeat-x left bottom;
  /*
  background: #ffffff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #d7e2f1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d7e2f1));
  background: -webkit-linear-gradient(top,  #ffffff 0%,#d7e2f1 100%);
  background: -o-linear-gradient(top,  #ffffff 0%,#d7e2f1 100%);
  background: -ms-linear-gradient(top,  #ffffff 0%,#d7e2f1 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#d7e2f1 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d7e2f1',GradientType=0 );
  */
  font-family: "fs_elliot_proregular", helvetica;
  font-size: 14px;
  min-height: 328px;
  padding: 11px;
  color: #57585a;
  display: block;
}
.gallery-products li h3 {
  margin: 0;
  color: #1853a3;
  font-size: 16px;
  text-align: center;
}
.gallery-products li p {
  font-family: "fs_elliot_proregular", helvetica;
  margin: 0;
  text-align: center;
}
.gallery-products li strong {
  font-family: "fs_elliot_probold", helvetica;
}
.gallery-products li img {
  width: 25%;
  height: auto;
  padding-top: 20%;
  padding-right: 50%;
  padding-bottom: 5%;
  padding-left: 40%;
}
.gallery-products li:hover, .gallery-products li.highlightDevice{
  color: white;
  background-image: url(../images/bg/gallery-products-hover-bg.jpg);
  /*
  background: #fbbe77;
  background: -moz-linear-gradient(top,  #fbbe77 0%, #fe5d80 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbbe77), color-stop(100%,#fe5d80));
  background: -webkit-linear-gradient(top,  #fbbe77 0%,#fe5d80 100%);
  background: -o-linear-gradient(top,  #fbbe77 0%,#fe5d80 100%);
  background: -ms-linear-gradient(top,  #fbbe77 0%,#fe5d80 100%);
  background: linear-gradient(to bottom,  #fbbe77 0%,#fe5d80 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbbe77', endColorstr='#fe5d80',GradientType=0 );
  */
}
.gallery-products li:hover img {
  background: url(../images/bg/bg-bubble-03.png) no-repeat 35% bottom;
}
.gallery-products li:hover .customer-ctrl {
  display: block;
}

.customer-ctrl {
  position: absolute;
  width: 52px;
  height: auto;
  text-align: center;
  display: none;
  top: 50%;
  left: 50%;
  margin: -110px 0 0 20px !important;
}
.customer-ctrl a {
  position: relative;
  width: 35px;
  height: 35px;
  margin: 5px 0;
  text-indent: -999em;
  display: inline-block;
  background-image: url(../images/sprites.png);
  background-repeat: no-repeat;
  z-index: 1;
}
.customer-ctrl a:hover {
  width: 51px;
  height: 50px;
  text-indent: 0;
  line-height: 50px;
  z-index: 5;
}
.customer-ctrl a:hover span {
  width: 50px;
  line-height: 1;
  margin-left: 100%;
  padding-left: 5px;
  font-size: 12px;
  text-align: left;
  text-transform: uppercase;
  color: #00a6b9;
  display: inline-block;
  vertical-align: middle;
}
.customer-ctrl .add-to-cart {
  background-image: url(../images/icons/icons-add-to-cart.png);
  background-repeat: no-repeat;
}
.customer-ctrl .add-to-cart:hover {
  margin: -2px 0 -3px;
  background-image: url(../images/icons/icons-add-to-cart-hover.png);
}
.customer-ctrl .add-to-compare {
  background-image: url(../images/icons/icons-add-to-compare.png);
  background-repeat: no-repeat;
}
.customer-ctrl .add-to-compare:hover {
  margin: 0 0 -5px;
  background-image: url(../images/icons/icons-add-to-compare-hover.png);
}
.customer-ctrl .compare {
  background-image: url(../images/icons/icons-compare.png);
  background-repeat: no-repeat;
}
.customer-ctrl .compare:hover {
  margin: -2px 0 -3px;
  background-image: url(../images/icons/icons-compare-hover.png);
}

.customer-ctrl .remove-to-compare {
    background-image: url("../images/icons/icons-remove-to-compare.png");
    background-repeat: no-repeat;
}
.customer-ctrl .remove-to-compare:hover {
	margin: 0 0 -5px;
	background-image: url(../images/icons/icons-remove-to-compare-hover.png);
}

.gallery-pagination {
  width: 94%;
  text-align: center;
  margin-bottom: 50px;
  margin-left:-20px;
  border-top: 1px solid #858586;
  display: inline-block;
  background: #ececed;
  background: -moz-linear-gradient(top, #ececed 0%, #d1d3d4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ececed), color-stop(100%, #d1d3d4));
  background: -webkit-linear-gradient(top, #ececed 0%, #d1d3d4 100%);
  background: -o-linear-gradient(top, #ececed 0%, #d1d3d4 100%);
  background: -ms-linear-gradient(top, #ececed 0%, #d1d3d4 100%);
  background: linear-gradient(to bottom, #ececed 0%, #d1d3d4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ececed', endColorstr='#d1d3d4',GradientType=0 );
  /*
  border-top-right-radius:20px 50%;
  border-bottom-right-radius:20px 50%;
  border-right:1px solid #aaaaab;
  border-top-left-radius:20px 50%;
  border-bottom-left-radius:20px 50%;
  border-left:1px solid #aaaaab;
  */
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
}
.gallery-pagination .btn {
  width: 140px;
  margin: 2px 5px;
  margin: 4px 5px;
  padding: 0;
  text-indent: -999em;
  font-size: 0;
  line-height: 0;
}
.gallery-pagination .btn.load-more {
  width: 163px;
  height: 38px;
  background: url(../images/btn-load-more.png) no-repeat left top;
}
.gallery-pagination .btn.top {
  width: 202px;
  height: 38px;
  background: url(../images/btn-back-top.png) no-repeat left top;
}
.gallery-pagination .page-indicator {
  width: auto;
  text-align: center;
  line-height: 47px;
  display: inline-block;
  margin: 0 auto;
}

/* =============================
   ONLINE SHOP
   ============================= */
.view-all {
  margin: -15px 0 20px;
  text-align: center;
}
.view-all a {
  font-size: 12px;
  text-decoration: none;
}

.online-single img {
  float: left;
  margin: 0 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

.online-gallery .customer-ctrl {
  margin-top: 0 !important;
}

.anchors {
  background: #465b6c;
  background: rgba(88, 89, 91, 0.8);
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 6px 6px 10px 0 #131313;
  -moz-box-shadow: 6px 6px 10px 0 #131313;
  box-shadow: 6px 6px 10px 0 #131313;
  behavior: url(theme/scripts/pie.htc);
  display: none;
  width: 70px;
  line-height: 0;
  font-size: 0;
  text-align: center;
  position: fixed;
  top: 100px;
  left: 40px;
  z-index: 10;
}
.anchors a {
  margin: 0;
  padding: 10px 0;
  text-decoration: none;
  font-size: 14px;
  line-height: 16px;
  color: white;
  display: inline-block;
}
.anchors a + a {
  border-top: 1px solid #000;
}
.anchors .icon {
  margin: 0 auto 5px;
  display: block;
}

/* =============================
   PRODUCT POSTPAID
   ============================= */
.product-postpaid-box-left, .product-postpaid-box-right {
  width: 35%;
  *zoom: 1;
}
.product-postpaid-box-left:before, .product-postpaid-box-left:after, .product-postpaid-box-right:before, .product-postpaid-box-right:after {
  content: "";
  display: table;
}
.product-postpaid-box-left:after, .product-postpaid-box-right:after {
  clear: both;
}

.product-postpaid-spec-box {
  padding-top: 20px;
  padding-bottom: 50px;
  border-top: 1px solid white;
  border-bottom: 1px solid #7e7f80;
  min-height: 150px;
}
.product-postpaid-spec-box .icon {
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
.product-postpaid-spec-box .icon.check {
  background-image: url(../images/icons/icon-product-postpaid-check.png);
}
.product-postpaid-spec-box .icon.size {
  background-image: url(../images/icons/icon-product-postpaid-size.png);
}
.product-postpaid-spec-box .icon.battery {
  background-image: url(../images/icons/icon-product-postpaid-battery.png);
}
.product-postpaid-spec-box .icon.display {
  background-image: url(../images/icons/icon-product-postpaid-display.png);
}
.product-postpaid-spec-box .icon.memory {
  background-image: url(../images/icons/icon-product-postpaid-memory.png);
}
.product-postpaid-spec-box .icon.media {
  background-image: url(../images/icons/icon-product-postpaid-media.png);
}
.product-postpaid-spec-box .icon.features {
  background-image: url(../images/icons/icon-product-postpaid-features.png);
}
.product-postpaid-spec-box.box-last {
  border-bottom: none;
}
.product-postpaid-spec-box .pp-spec-box-title {
  font-family: "fs_elliot_probold", helvetica;
}
.product-postpaid-spec-box .pp-spec-box-content {
  font-size: 14px;
  padding-left: 45px;
}
.product-postpaid-spec-box .pp-spec-box-content p {
  margin: 0px;
}
.product-postpaid-spec-box .pp-spec-box-content p .icon {
  width: 25px;
  height: 25px;
  background-position: center center;
}
.product-postpaid-spec-box .pp-spec-box-content p.double-line .icon {
  height: 30px;
  float: left;
  background-position: 50% -6px;
  margin-right: 11px;
}
.product-postpaid-spec-box .pp-spec-box-content strong {
  font-family: "fs_elliot_probold", helvetica;
}
.product-postpaid-spec-box .purple {
  color: #4b217f;
}
.product-postpaid-spec-box .red {
  color: #da2a44;
}
.product-postpaid-spec-box .pink {
  color: #e081af;
}
.product-postpaid-spec-box .green {
  color: #77b64a;
}
.product-postpaid-spec-box .yellow {
  color: #f3d51b;
}
.product-postpaid-spec-box .grey {
  color: #68696b;
}

.grey-line {
  width: 100%;
  height: 1px;
  background-color: #7e7f80;
}

.product-postpaid-table .table-header {
  color: white;
  line-height: 35px;
  text-align: center;
  height: 35px;
}
.product-postpaid-table .table-header.blue {
  background-color: #1853a3;
}
.product-postpaid-table .table-header.green {
  background-color: #5aaf39;
}
.product-postpaid-table .table-product {
  background-color: #d2d3d5;
  width: 39%;
  height: 120px;
}
.product-postpaid-table .table-product p {
  font-family: "fs_elliot_probold", helvetica;
  font-size: 16px;
  margin: 0;
  width: 100%;
  height: 60px;
  margin-top: 60px;
  background-color: white;
  line-height: 60px;
  text-align: center;
}
.product-postpaid-table .table-label {
  background-color: #d2d3d5;
  width: 61%;
  *zoom: 1;
}
.product-postpaid-table .table-label:before, .product-postpaid-table .table-label:after {
  content: "";
  display: table;
}
.product-postpaid-table .table-label:after {
  clear: both;
}
.product-postpaid-table .table-label div {
  font-family: "fs_elliot_probold", helvetica;
  font-size: 14px;
  width: auto;
  height: 60px;
  float: left;
}
.product-postpaid-table .table-label div p {
  margin: 0;
  padding: 10px;
}
.product-postpaid-table .table-label div p.w50 {
  width: 50px;
}
.product-postpaid-table .table-label div p.w70 {
  width: 70px;
}
.product-postpaid-table .table-label div p.center {
  text-align: center;
}
.product-postpaid-table .table-label div p.single-line {
  line-height: 40px;
}
.product-postpaid-table .table-label div.w100p {
  width: 100%;
}
.product-postpaid-table .table-content {
  background-color: white;
  *zoom: 1;
}
.product-postpaid-table .table-content:before, .product-postpaid-table .table-content:after {
  content: "";
  display: table;
}
.product-postpaid-table .table-content:after {
  clear: both;
}
.product-postpaid-table .table-content div {
  font-family: "fs_elliot_probold", helvetica;
  font-size: 14px;
  line-height: 40px;
  width: auto;
  height: 60px;
  float: left;
}
.product-postpaid-table .table-content div p {
  margin: 0;
  padding: 10px;
}
.product-postpaid-table .table-content div p.w50 {
  width: 50px;
}
.product-postpaid-table .table-content div p.w70 {
  width: 70px;
}
.product-postpaid-table .table-content div p.center {
  text-align: center;
}
.product-postpaid-table .table-content div p.single-line {
  line-height: 40px;
}
.product-postpaid-table .table-content div.w60p {
  width: 61%;
}
.product-postpaid-table .pp-spec-disclaimer {
  font-family: "fs_elliot_proregular", helvetica;
  font-size: 14px;
  color: #58595b;
  padding-left: 30px;
}

.carousel-bg {
  position: relative;
  background: #005db0 url(../images/bg/gradient-radial-fallback.png) no-repeat center;
  z-index: 9;
  *zoom: 1;
}
.carousel-bg:before, .carousel-bg:after {
  content: "";
  display: table;
}
.carousel-bg:after {
  clear: both;
}

.debug * {
  outline: 1px solid;
}

#shoppingCart .list-item-header div:last-child{
  margin-left: -8%;
}#shoppingCart .checkout {
float: right;
margin-right: 20px;
}
#shoppingCart .list-item-header div, #payment .list-item-header div,#paymentSuccess .list-item-header div{
  width: 16%;
}

#payment .payment-info{
  margin-left: -15%;
}
#payment .total-container div label:first-child {
  margin-left: 39%;
}
#payment .total-container div label{
  margin-left: 20px;
}
#paymentSuccess .payment-info {
  margin: 20px 0px 0px -10%;
}
#paymentSuccess .total-container label {
  margin-left: 19px;
}
#errorPage .payment-info{
  margin: 0 0px 20px 20px;

}
#errorPage .order-header{
  width: 75%;
}
#errorPage .order-header a{
  margin: 140px auto 20px !important;
}
#shoppingCart .list-item-header div{
  width: 29%;
}
.breadcrumbs .crumbs h2{
  font-size: 28px;
}
#payment .order-header, #paymentSuccess .order-header{
  margin: 0 0 10px 0;
}
#payment .edit-address{
  height: 30px;
}
#payment .total-container div span{
  display: block;
}
#shoppingCart .total-container{
  margin: 10px auto 0px;
}
#payment .total-container div span{
  margin-left: 20px;
}
#paymentSuccess .total-container span{
  display: block;
}
#shippingInformation .policy{
  width: 90%;
}
#shippingInformation .rowContainer .row div.clearArea, #billingInformation .rowContainer .row div.clearArea{
    width: 75%;
  }
  #shoppingCart .price{
  width: 21%;
}
#shoppingCart .quantity{
  margin-left: 0px;
  padding: 20px 0 20px 20px;
  text-align: center;
  height: auto;
  display: inline-block;
  width: 8%;
  position: relative;
  z-index: 1;
}
#shoppingCart .button-holder{
  padding: 20px 0 20px 20px;
  min-height: 176px;
  height: auto;
  text-align: left;

}
#paymentSuccess .total {
display: block;
font: 18px "fs_elliot_probold" !important;
padding-top: 20px;
margin-left: 20px;
}
#paymentSuccess ul.item-list li>div .price {
height: auto;
margin-left: 0px;
}
#payment ul.item-list li .price{
  height: auto;
  margin-left: 0px;
}
#payment .total{
  display: block;
  font: 18px "fs_elliot_probold" !important;
  width: 130px !important;
  padding-top: 20px;
  margin-left: 20px;
}
#errorPage .order-header {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 5px 5px 5px 5px;
height: auto;
padding: 25px 0 40px 20px;
margin: 0 20px 20px 20px;
}

#errorPage .order-header span.thank-you {
font: 36px "fs_elliot_probold";
display: block;
padding: 20px 20px 0px;
}

#errorPage .order-header p{
  padding: 0px 20px;
  font: 18px "fs_elliot_proregular";
}

#errorPage .payment-info {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
min-height: 400px;
height: auto;
width: 285px;
background: #097bab;
}

#errorPage .payment-info p.terms-conditions {
width: 245px;
display: block;
padding: 20px 0px;
margin: 0px auto;
border-top: 1px solid #259acc;
font: 12px "fs_elliot_proregular";
color: #ffffff;
border-bottom: 1px solid #156d93;
}
.carousel-indicators{position:absolute;bottom:15px;right:50%;z-index:5;margin:0;list-style:none;}.carousel-indicators li{display:block;float:left;width:10px;height:10px;margin:20px 0 0 5px;text-indent:-999px;background-color:#ccc;background-color:rgba(255, 255, 255, 0.25);border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; behavior: url(theme/scripts/pie.htc); }
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  #billingInformation a.next-step, #shippingInformation a.next-step{
    position: absolute;
    margin-left: -6%;
  }
  #billingInformation .rowContainer input[type="email"], #shippingInformation .rowContainer input[type="email"]{
    width: 70%;
  }
  #shippingInformation .policy{
    width: 75%;
  }
  #shoppingCart .list-item-header div{
    width: 25%;
  }
  #shoppingCart select{
  }
  #shoppingCart .list-item-header div{
    width: 20%;
    margin-left: 38px;
  }
  #shoppingCart .price{
    margin-left: 40px;
  }

  #shoppingCart .list-item-header div:last-child{
    margin-left: 3%;
  }
  #shoppingCart .button-holder{
    margin-left: 0px;
  }
  #shoppingCart .total-container label{
    margin-left: -55%;
  }
  #shoppingCart .checkout{
    margin: 20px 20% 0 0;
    float: right;
  }
  #payment .list-item-header div{
    width: 10%;
    display: inline-block;
  }
  #payment .payment-info{
    margin-left: 20px;
  }
  #payment .total-container div label{
    margin-left: 12px;
  }
  #paymentSuccess .list-item-header div{
    width: 9%;
  }
  #paymentSuccess .total-container label:first-child{
    margin: 10px 0 0 0px;
  }
  #paymentSuccess .payment-info{
    margin-left: -20px;
  }
  #errorPage .payment-info{
    margin-left:  -27%;
  }

.breadcrumbs .page-sub{
  /*margin-left: 20%;*/
  /*float: right;*/
  /*line-height: 75px;*/
}
#shippingInformation .rowContainer .row div.clearArea, #billingInformation .rowContainer .row div.clearArea {
width: 65%;
}
  
  /* -----------------------Additional ---------------- */

  .main-nav ul li a>span.newnav,.main-nav ul li a span.icon.arrows.pullup, .main-nav ul li:hover a span.icon.arrows.dropdown{
    display: none;
  }  

  .main-nav ul li a span.icon.arrows.dropdown, .main-nav ul li a div, .main-nav ul li:hover a span.icon.arrows.pullup{
    display: inline-block;
    margin-right: 5px;
  }
  .main-nav ul li a{
    text-align: left;
  }
  .main-nav ul li div.sub{
    display: none;
  }
  .idd-box p
  {
  margin-left: -35px;
  width: auto;
  padding-right: 115px;
  }
  
  .fixed-width .left-accordion .article-title
  {
    font-size:32px;
    padding-left:10px;
  }
  
  .fixed-width .left-accordion p
  {
    padding-left:10px;
  }
  
  
  
  
/* -----------------------Additional ---------------- */  
  
  div.main {
    padding-top: 50px;
  }

  .desktop {
    display: none !important;
  }

  .fixed-width, .carousel ul li, .fixed-half {
    width: 100%;
  }

  .blog-left {
    width: 60%;
    margin: 0px;
  }

  .blog-right, .blog-box-article {
    width: 30%;
  }

  .blog-box-info-desc {
    font-size: 14px !important;
  }

  .blog-box-info-more {
    float: right;
    margin-right: 50px;
  }

  .blog-box-info {
    top: auto !important;
    bottom: 1% !important;
    padding-bottom: 20px !important;
  }

  .blog-box-img-main {
    width: 100%;
  }
  .blog-box-img-main .blog-box-info-more {
    float: right;
    margin-right: 20px;
  }

  .blog-box-img-onebyone {
    width: 25%;
    margin-left: 0px !important;
  }
  .blog-box-img-onebyone.mobile-hide {
    display: block;
  }
  .blog-box-img-onebyone .blog-box-info {
    bottom: 4% !important;
  }
  .blog-box-img-onebyone img {
    width: 100%;
  }

  .blog-box-img-twobytwo {
    width: 100%;
    margin-left: 0px !important;
    overflow: hidden;
  }
  .blog-box-img-twobytwo .blog-box-info {
    bottom: 1% !important;
  }
  .blog-box-img-twobytwo .blog-box-info-more {
    float: right;
    margin-right: 20px;
  }
  .blog-box-img-twobytwo img {
    width: 100%;
  }

  .blog-box-img-threebytwo {
    width: 50%;
    height: 200px;
    overflow: hidden;
    margin-left: 0px !important;
  }
  .blog-box-img-threebytwo img {
    width: 100%;
  }
  .blog-box-img-threebytwo .blog-box-info {
    width: 100%;
  }
  .blog-box-img-threebytwo .blog-box-info-more {
    float: right;
    margin-right: 10px;
  }

  .blog-box-img-fourbytwo {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin-left: 0px !important;
  }
  .blog-box-img-fourbytwo img {
    width: 100%;
  }
  .blog-box-img-fourbytwo .blog-box-info-more {
    float: right;
    margin-right: 20px;
  }

  .blog-box-img-onebytwo, .blog-box-img-onebyfour, .mobile-hide {
    display: none;
  }

  .blog-sub-menu-holder .blog-sub-menu li {
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-left {
    padding-left: 10px;
    margin-right: 10px !important;
  }

  .blog-right {
    padding-right: 10px;
  }

  .logo {
    margin: 10px 30px 10px 10px;
  }

  .main-nav {
    margin-right: 0;
    margin-left: 0;
  }

  .main-nav > ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    display: none;
  }
  .main-nav > ul .sub {
    position: relative;
    margin: 0;
    display: block;
  }
  .main-nav > ul .sub li {
    width: 100%;
  }
  .main-nav > ul .sub ul li:hover {
    background: #177ec0;
  }
  .main-nav > ul .sub a, .main-nav > ul .sub a:hover {
    text-align: left;
    margin: 0;
    padding: 0 17px;
    line-height: 40px;
    display: block;
    background: rgba(9, 103, 173, 0.9) !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-indent: 20px;
  }
  .main-nav > ul .sub p {
    margin: 0;
    display: inline-block;
    color: #fff;
  }
  .main-nav > ul .sub strong {
    font-family: "fs_elliot_proregular", Helvetica;
    color: #fff;
  }
  .main-nav > ul .sub .meta {
    display: none;
  }
  .main-nav > ul .sub .sub-nav {
    display: none;
  }
  .main-nav > ul .sub .arrow {
    margin-right: 5px;
    display: inline-block;
  }
  .main-nav > ul li {
    width: 100%;
    border-style: solid none;
    border-width: 1px;
    border-top-color: #2e7cba;
    border-bottom-color: #0E6CBB;
  }
  .main-nav > ul li a, .main-nav > ul li.active a, .main-nav > ul li:hover a {
    color: white;
    display: block;
    line-height: 40px;
    background: #177ec0;
  }
  .main-nav > ul li a .arrow-head, .main-nav > ul li a .icon.nav, .main-nav > ul li a .icon.sub-nav, .main-nav > ul li a .icon.new-sub-nav, .main-nav > ul li.active a .arrow-head, .main-nav > ul li.active a .icon.nav, .main-nav > ul li.active a .icon.sub-nav,.main-nav > ul li.active a .icon.new-sub-nav, .main-nav > ul li:hover a .arrow-head, .main-nav > ul li:hover a .icon.nav, .main-nav > ul li:hover a .icon.sub-nav {
    display: none;
  }

  .menu.launcher {
    float: left;
    padding: 10px 5px;
    line-height: 37px;
    display: inline-block;
    border-right: 1px solid #003970;
  }
  .menu.launcher.active {
    background: #177ec0;
  }
  .menu.launcher span {
    border-width: 15px 9px;
    border-color: transparent;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;
    border-top-color: white;
    margin: 0 9px -16px;
  }
  .menu.launcher span + span {
    display: none;
  }

  .search.launcher {
    padding: 14px 16px;
    display: inline-block;
    float: right;
  }
  .search.launcher.active {
    background: #177ec0;
  }
  .search.launcher span {
    width: 57px;
    height: 51px;
    margin: -11px -14px;
    display: inline-block;
    background: url(../images/icons/icon-search2.png) no-repeat left top;
  }

  .search-box.top {
    float: right;
    margin: 0px;
  }
  .search-box form {
    position: absolute;
    left: auto;
    right: 0;
    top: 100%;
    width: 100%;
    margin: 0;
    padding: 20px 0px;
    display: none;
    background: #177ec0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .search-box form .keyword {
    width: 95%;
    background: #fff;
    height: 30px;
    border-radius: 20px;
    margin:0 2%;
    text-indent: 20px;
  }
  .search-box form .search-btn{
    display: none;
  }
  .search-box form .search-btn2 {
    width: 35px;
    height: 35px;
    border: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background: url(../images/icons/icon-remove.png) no-repeat left top;
    margin: 0px -57px 3px;
    display: inline-block;
  }
  .sticky-login {
    position: absolute;
    top: 56px;
    right: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
    background: none;
    box-shadow: none;
    z-index: 109;
  }
  .sticky-login .avatar {
    display: none;
  }
  .sticky-login header {
    clear: both;
  }
  .sticky-login .wrapper {
    float: right;
    width: 100%;
    display: none;
  }
  .sticky-login .wrapper ul {
    margin: 0;
  }
  .sticky-login .wrapper ul a {
    line-height: 50px;
    padding: 0 10px;
    display: block;
    background: #177ec0;
  }
  .sticky-login .wrapper ul li.login {
    line-height: 1;
    font-size: 1;
    background: rgba(9, 103, 173, 0.9);
  }
  .sticky-login .wrapper ul li.login a {
    display: inline-block;
    background: none;
  }
  .sticky-login .wrapper li {
    width: auto;
    background: none;
  }
  .sticky-login .wrapper li:hover a{
    border-top: #0E6CBB solid 1px;
    border-bottom: #438FCF solid 1px;
    color: #fff;
    text-decoration: none;
  }
  .sticky-login .wrapper dl {
    display: none;
  }
  .sticky-login .collapse-button {
    position: absolute;
    right: 0px;
    margin: -56px 63px 0 0;
    width: 57px;
    height: 57px;

    background: url(../images/icons/icon-person.png) no-repeat center;
  }
  .sticky-login .collapse-button.active {
    background-color: #177ec0;
  }

  footer.main {
    padding: 0;
  }
  footer.main dl {
    margin: 20px 0;
  }
  footer.main dl dt, footer.main dl dd {
    margin: 0 10px;
  }

  .content-box,
  .hbox .content-box {
    width: 70%;
    margin: 20px;
  }

  .carousel {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .carousel .carousel-inner {
    position: relative;
    margin: 0;
    display: inline-block;
    white-space: nowrap;
  }
  .carousel .hero-media {
    float: left;
    width: 50%;
    margin: 0 10px 0 30px;
  }
  .carousel.one .hero-media img, .carousel.one .hero-media iframe, .carousel.one .hero-media object {
    margin-top: 20px;
  }
  .carousel.three .items {
    margin: 20px 0;
  }
  .carousel.three .hero-media {
    margin: 0;
  }
  .carousel.three .hero-media img {
    width: 50%;
    height: auto;
  }
  .carousel.three .social-sharing {
    margin: 20px 0 0 20px;
  }
  .carousel.three ul {
    width: 100%;
  }
  .carousel.three .carousel-nav {
    margin: 10px 0;
  }
  .carousel.three li {
    float: none;
  }
  .carousel.three .thumbs {
    margin: 10px 0;
  }
  .carousel .carousel-inner {
    position: relative;
    left: 0;
    float: left;
    width: auto;
    height: auto;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
  }
  .carousel ul li > * {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
  }
  .carousel ul li .social-sharing {
    top: 0;
    margin: 120px 0 0 5px;
  }
  .carousel ul li .social-sharing a {
    margin: 5px 0;
  }
  .carousel ul li .social-sharing a:hover {
    margin-bottom: -11px;
  }
  .carousel ul li p {
    margin: 20px 0;
  }
  .carousel .item h2 {
    float: none;
    width: auto;
    margin: 50px 10px 10px;
    display: block;
    word-break: break-word;
  }
  .carousel .carousel-inner .item .btn {
    margin: 0;
  }
  .carousel ul li iframe, .carousel ul li object {
    width: 100%;
  }
  .carousel .carousel-nav {
    position: relative;
    margin: 10px 0;
    clear: left;
    float: left;
    text-align: center;
    display: none;
  }
  .carousel .carousel-nav a {
    position: relative;
    left: 0 !important;
    right: 0 !important;
    top: 0;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
    background: white;
    vertical-align: middle;
  }
  .carousel .carousel-nav a.active {
    background: #58595b;
  }

  .ad-space {
    width: auto;
    padding: 0 10px;
  }

  .right-ad img, .left-ad img {
    width: 100%;
  }

  .products, .products1, .products1p {
    width: auto;
    margin: 0 10px;
  }
  .products li > img {
    width: 80%;
    height: auto;
    margin: 0 10px 0 0;
  }
  
  
  .products li h2, .products li p {
    margin-right: 10px;
  }
  .products li h2 {
    font-size: 24px;
    font-family: "fs_elliot_proregular", Helvetica;
  }
  .products li p {
    font-size: 14px;
    font-family: "fs_elliot_proregular", Helvetica;
  }
  .products.mobile-internet img, .products.mobile-internet object, .products.mobile-internet iframe, .products.mobile-internet-videos li img, .products.mobile-internet-videos li object, .products.mobile-internet-videos li iframe {
    width: 90%;
    margin: 0;
  }

  .breadcrumbs {
    width: auto;
    padding: 10px 10px 0;
  }
  .breadcrumbs .page-sub li {
    margin-left: 10px;
  }
  .breadcrumbs .icon {
    /*display: none;*/
  }

  .single-content-box {
    width: auto;
    height: auto;
    padding: 20px 10px;
    margin: 0;
  }
  .single-content-box img {
    width: 40%;
    margin-right: 10px;
    height: auto;
  }
  .single-content-box.right {
    margin: 0;
  }
  .single-content-box .single-content-box-info {
    margin: 0;
    width: 56%;
  }
  .single-content-box .single-content-box-info h2 {
    font-size: 22px;
  }
  .single-content-box .single-content-box-info p {
    font-size: 14px;
  }

  .newsletter {
    width: auto;
    padding: 20px 10px;
  }
  .newsletter p {
    margin: 0;
  }

  ul.rewards li img {
    display: block;
    margin: 0px auto;
  }

  .product-postpaid-spec-box {
    padding-left: 20px;
    padding-right: 20px;
  }
  .product-postpaid-spec-box .pp-spec-box-content p.double-line .icon {
    float: none;
  }

  .product-postpaid-box-left, .product-postpaid-box-right {
    width: 50%;
  }

  .product-postpaid-table .table-product {
    width: 20%;
  }
  .product-postpaid-table .table-product p {
    font-size: 14px;
  }
  .product-postpaid-table .table-label {
    width: 80%;
  }
  .product-postpaid-table .table-content div.w60p {
    width: 80%;
  }

  .h560 {
    height: auto;
    *zoom: 1;
  }
  .h560:before, .h560:after {
    content: "";
    display: table;
  }
  .h560:after {
    clear: both;
  }

  .article-header-info {
    width: 50%;
    padding: 20px;
    right: 0px;
  }

  .article-content .article-content-body {
    width: auto;
    margin: 0px;
    padding: 10px;
  }
  .article-content .article-content-body .article-content-media iframe {
    width: 100%;
  }

  .article-content-social .sharing {
    width: 100%;
  }

  .content-box, .hbox .content-box {
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .article {
    padding-top: 120px;
  }
  .article.mleft70 {
    margin-left: 20px !important;
  }

  .article-half {
    margin-top: 0px !important;
  }

  .commenting textarea {
    width: 40%;
  }

  .fixed-half.blue > * {
    margin-left: 20px;
  }

  .gallery-header .gallery960 {
    margin-left: 0;
  }
  .gallery-header .gallery-tabs {
    margin-left: 20px;
    margin-right: 20px;
  }
  .gallery-header .sorter {
    margin-left: 10px;
    margin-right: 10px;
  }

  .cart-quickview section {
    top: auto;
    left: -45px;
  }

  .gallery-content {
    -webkit-box-shadow: inset 0px 5px 10px -4px #131313;
    -moz-box-shadow: inset 0px 5px 10px -4px #131313;
    box-shadow: inset 0px 5px 10px -4px #131313;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=-4px, Direction=135, Color='#131313')";
    filter: none;
    text-align: center;
  }
  .gallery-content .gallery-filter {
    display: none;
  }
  .gallery-content .gallery960 {
    margin-left: 0px;
    padding-bottom: 0px;
  }
  .gallery-content .gallery960 .gallery-products {
    font-size: 0;
  }
  .gallery-content .gallery960 .gallery-products li {
    float: none;
    width: 29%;
    height: 300px;
    min-height: 0;
    margin: 10px 5px 0;
    display: inline-block;
    padding: 20px 10px;
    vertical-align: top;
  }
  .gallery-content .gallery960 .gallery-pagination {
    margin-bottom: 20px;
  }
  .gallery-content .gallery960 .gallery-products .customer-ctrl {
    display: none;
  }

  .bridgecom-box {
    width: auto;
    padding: 0 30px;
    text-align: center;
  }
  .bridgecom-box > a {
    margin: 0 10px !important;
  }
  .bridgecom-box .bridgecom-box-content {
    margin: 20px 0;
    text-align: left;
  }
  .bridgecom-box .bridgecom-box-content img {
    float: left;
    margin: 0 10px 0 0;
    display: inline-block;
  }
  .bridgecom-box .bridgecom-box-content p {
    width: auto;
    float: none;
    margin: 0;
  }

  .online-gallery {
    padding: 0;
    overflow: hidden;
  }
  .online-gallery ul {
    position: relative;
    width: 100%;
    line-height: 0;
    font-size: 0;
    white-space: nowrap;
  }
  .online-gallery ul li {
    float: none;
    width: 33.33333%;
    margin: 0;
    line-height: 1;
    display: inline-block;
    white-space: normal;
  }
  .online-gallery.short li {
    width: 50%;
  }
  .online-gallery .gallery-nav {
    padding: 0 0 5px 0;
    margin: 10px 0 0;
  }

  .online-single img {
    width: 30%;
    height: auto;
  }
  .online-single .btn {
    margin-left: 20px;
  }

  .bg-tatoo, .bg-rocket, .bg-goidd {
    background-size: contain;
    background-position-x: right;
  }

  .full-content.mtop150 {
    margin: 118px 0 !important;
  }

  .idd-box {
    width: auto;
    margin: 40px 20px;
  }

  .idd-card {
    width: auto;
    margin-bottom: 20px;
    text-align: center;
    font-size: 0;
    white-space: nowrap;
  }
  .idd-card li {
    float: none;
    display: inline-block;
  }

  .h460 {
    height: auto;
  }

  .customer-ctrl {
    margin: -130px 0 0 0 !important;
    display: none !important;
  }
}
#payment ul.item-list li .desc>span{
  display: block;
  padding: 30px 20px;
  font: 18px "fs_elliot_proregular";
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 956px) and (max-width: 1024px){
  
  #errorPage .order-header{
    width: 95%;
  }
  #paymentSuccess ul.item-list li>div .desc{
    width: 38%;
  }
  #paymentSuccess ul.item-list li>div .quantity{
    width: 30%;
  }
  #paymentSuccess ul.item-list li>div .price {
    width: auto;
    margin-left: 35px;
  }
  #payment ul.item-list li .desc{
    width: 38%;
  }
  #payment ul.item-list li .price{
    width: auto;
    margin-left: 6%;
  }
  #payment .total{
    margin-left: -46px;
  }
  .breadcrumbs .page-sub{
    margin-right: 160px;
  }
  #paymentSuccess .payment-info{
    margin-top: 0px;
  }
  #errorPage .order-header p{
    padding-bottom: 30px;
  }
}
@media only screen and (min-width: 641px) and (max-width: 767px) {
  
  #shoppingCart .item-details p{
    width: 40%;
    margin: 0 -9px auto;
  }
  #shoppingCart select{
    float: left;
  }
  #shoppingCart .price .price-each{
    margin-left: 10%;
  }
  #shoppingCart .price .price-total{
    margin-left: 10%;
  }
  #shoppingCart .button-holder {
    margin-left: 21%;
  }
  #shoppingCart .total-container{
    width: 768px;
    margin: 0 auto;
  }
  #shoppingCart .total-container label{
    margin-left: 20px;
  }
  #shoppingCart .list-item-header div:last-child{
    margin-left: 0px;
  }
  #shoppingCart .checkout {
  margin-right: 58%;
  }
  #billingInformation .rowContainer input[type="email"], #billingInformation .rowContainer input[type="text"]{
    width: 90%;
  }
  #billingInformation .rowContainer{
    margin-left: 20px;
  }
  #billingInformation .item-header div{
    margin-left: 20px;
  }
  #billingInformation label.building{
    font-size: 17px;
  }
  #shippingInformation .rowContainer input[type="email"], #shippingInformation .rowContainer input[type="text"]{
    width: 90%;
  }
  #shippingInformation .rowContainer, #shippingInformation .item-header div{
    margin-left: 20px;
  }
  #shippingInformation .policy{
    width: 65%;
  }
  #payment .total-container div label:first-child{
    margin-left: 2%;
    width: 35%;
    display: inline-block;
  }
  #payment .total-container div span{
    display: inline-block;
    margin-bottom: 55px;
  }
  #payment .payment-info {
    margin: 2%;
  }
  #paymentSuccess .payment-info{
    margin-left: 20px;
  }
  #shoppingCart .list-item-header div, #payment .list-item-header div, #paymentSuccess .list-item-header div {
    width: 13%;
  }
  #errorPage .order-header{
    width: 60%;
  }
  #payment ul.item-list li .desc {
    width: 35%;
  }
  #shoppingCart hr, #payment hr, #paymentSuccess hr{
    width: 410px;
  }
  #payment ul.item-list{
    width: 440px;
  }
  #payment .order-header, #paymentSuccess .order-header{
    width: 85%;
    margin-left: 20px;
  }
  #payment .edit-address{
    height: 30px;
  }
  #payment .total-container div label.margin{
    display: none;
  }
  #errorPage .payment-info{
    margin-left: 20px;
  }
  #payment .total-container div span{
    width: 40%;
    margin-left: 40px;
  }
  #paymentSuccess .total-container span{
    margin-top: -10px;
  }
  #paymentSuccess .list-item-header div{
    width: 13%;
  }
  #errorPage .payment-info{
    margin-left: -30%;
  }
  #paymentSuccess .total-container label:first-child{
    width: 15%;
    display: inline-block;
  }
  #paymentSuccess .total-container span{
    display: inline-block;
    width: 15%;
    margin-bottom: 63px;
  }
  #paymentSuccess .cart{
    width: 434px;
  }
  #paymentSuccess ul.item-list li>div .desc{
    width: 37%;
  }
  #paymentSuccess .total-container label:first-child{
    width: 40%;
  }
  #paymentSuccess ul.item-list li:last-child{
    border-bottom: none;
  }
  #paymentSuccess .total{
    margin-left: -30px;
  }
  #billingInformation .row{
    width: 690px;
  }
  #billingInformation #base{
    position: relative;
  }
  #billingInformation #base .clearArea span.note{
    position: absolute;
    margin: -25px 0 0 -120px;
  }
  #billingInformation #base div:last-child{
    position: relative;
  }
  #billingInformation .next-step {
    position: absolute;
    right: 5%;
    bottom: 0px;
    }
  #shippingInformation #base{
    position: relative;
    padding-top: 30px;
  }
  #shippingInformation #base .clearArea span.note{
    position: absolute;
    margin: -20px 0 0 -120px;
  }
  #shippingInformation #base div:last-child{
    position: relative;
  }
  #shippingInformation .next-step {
    position: absolute;
    right: 10%;
    bottom: 0px;
    }
  #shippingInformation .row {
  width: 690px;
  }
  #shoppingCart .list-item-header{
    display: none;
  }
  #shoppingCart #deviceImg{
    margin-left: 28%;
  }
  #shoppingCart .item-details{
    width: 50%;
    margin: 0 auto;
  }
  #shoppingCart .item-details span{
    width: 40%;
    text-align: center;
  }
  #shoppingCart .quantity{
    width: 40%;
    margin: 0 0 auto;
    padding-left: 22%;
  }
  #shoppingCart .price{
    margin-left: -91px;
    width: 17%;
  }
  #errorPage .order-header{
    width: 73%;
  }

/* --------------------added----------------------------*/

/*.fixed-width .recent-list li
  {
    display: inline-block;
    
  }
  */

.main-nav ul li a>span.newnav,.main-nav ul li a span.icon.arrows.pullup, .main-nav ul li:hover a span.icon.arrows.dropdown{
    display: none;
  }  

  .main-nav ul li a span.icon.arrows.dropdown, .main-nav ul li a div, .main-nav ul li:hover a span.icon.arrows.pullup{
    display: inline-block;
    margin-right: 5px;
  }
  .main-nav ul li a{
    text-align: left;
  }
  .main-nav ul li div.sub{
    display: none;
  }
.fixed-width .blog-box-article-inner
  {
    width:90%;  
  }

  
.fixed-width .orpink-list-holder li.orpink-list img.promo-image { width: 93%;
height: auto;
padding-left: 10px;
position: relative;
top: -12px; }

.fixed-width .international-flags .countries-cc li.cc-list
{
width: 180px; 
}
  
.fixed-width .orpink-list-holder li.orpink-list { width: 360px;
min-height: 90px;
padding: 2px 0;
display: inline-block;
text-align:left;
font-size:14px;}
.fixed-width .orpink-list-holder li.orpink-list h1 { font-size: 1.5em;
margin: -0.33em 0;}

.fixed-width ul.prod-recommended-list-careers li.recommended-card-careers { width:175px; margin-left: -9px;
}

.fixed-width ul.prod-recommended-list-careers li.recommended-card-careers p { font-size:13px;
}

  .idd-box p
{
  width:300px;
  padding-left: 0px;
  /* margin-top: 0px; */  
  padding-bottom: 25px;
  font-size: 15px;
}
.globe-way
{
padding-bottom: 155px;  
}

.globe-way h2
{
  font-size: 1.5em;
margin-top: -80px;
}

.fixed-width .prod-recommended-box-appinside .prod-recommended-list-appinside .recommended-card-appinside img
{
    width: 85%;
    height: auto;
    
}


.fixed-width .prod-recommended-box-appinside ul.prod-recommended-list-appinside li.recommended-card-appinside
{
  width:160px 
}

.fixed-width .prod-recommended-box-appinside ul.prod-recommended-list-appinside
{
  padding-left: 78px;
}

.fixed-width .prod-recommended-box-appinside ul.prod-recommended-list-appinside li.recommended-card-appinside
{
padding: 0 1px;
width: 200px;
}

.blog-box-article-inner-body
{
  float:left;
width:110%;
padding-right:10px;
padding-left:10px;  
}

p.template-title
{
  padding-left: 10px;
}

.fixed-width h3.rewards-main-title
{
padding-left: 10px;
font-size: 25px;

}

.fixed-width p.rewards-p
{
padding-left: 10px; 
}

.fixed-width .prod-recommended-box-rewards h3
{
padding-left: 10px;
font-size: 21px;  
}

.fixed-width .prod-recommended-box-rewards p
{
padding-left: 10px;
width:auto;
font-size:14px;
padding-right:7px;
}

.fixed-width .left-accordion .article-title
{
  font-size:32px;
  padding-left:10px;
}

.fixed-width .left-accordion p
{
  padding-left:10px;
}


.fixed-width table.altrowstable
{
  width:96% !important;
  font-size:13px;
  width:450px;
  margin-top: 10px;
  
}


.fixed-width .gallery-filter-locator
{
  position:relative;
  width: 100%;
  line-height: 0;
  left: 0%;
  top:-10px;
  z-index: 2;

}
header.main {
position: relative;
}

.fixed-width .gallery-filter
{
position: relative;
  width: 100%;
  line-height: 0;
  left: 0%;
  z-index: 2;

}


/* --------------------added----------------------------*/  
  
  div.main {
    padding-top: 0px;
  }

  .desktop {
    display: none !important;
  }

  .fixed-width, .carousel ul li, .fixed-half, .blog-left, .blog-right {
    width: 100%;
  }

  .blog-box-post, .blog-box-comments, .blog-box-category {
    margin: 0;
  }

  .blog-box-tag {
    font-size: 25px !important;
  }

  .blog-box-info-title {
    font-size: 30px !important;
  }

  .blog-box-info-desc {
    font-size: 12px !important;
    margin-top: 10px !important;
  }

  .blog-box-section-content {
    width: 48.3% !important;
  }
  .blog-box-section-content:last-child {
    margin-left: 20px;
  }

  .blog-section-category {
    width: 97% !important;
  }
  .blog-section-category li {
    width: 50%;
  }

  .blog-box-info-more {
    float: left;
  }

  .blog-sub-menu-holder .blog-sub-menu li {
    padding-left: 10px;
    padding-right: 20px;
  }

  .blog-box-info {
    top: auto !important;
    bottom: 1% !important;
    padding-bottom: 20px !important;
  }

  .blog-box-img-main {
    width: 100%;
  }
  .blog-box-img-main .blog-box-info-more {
    float: right;
    margin-right: 20px;
  }

  .blog-box-img-onebyone {
    width: 25%;
    margin-left: 0px !important;
  }
  .blog-box-img-onebyone.mobile-hide {
    display: block;
  }
  .blog-box-img-onebyone .blog-box-info {
    bottom: 4% !important;
  }
  .blog-box-img-onebyone img {
    width: 100%;
  }

  .blog-box-img-twobytwo {
    width: 100%;
    margin-left: 0px !important;
    overflow: hidden;
  }
  .blog-box-img-twobytwo .blog-box-info {
    bottom: 1% !important;
  }
  .blog-box-img-twobytwo .blog-box-info-more {
    float: right;
    margin-right: 20px;
  }
  .blog-box-img-twobytwo img {
    width: 100%;
  }

  .blog-box-img-threebytwo {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-left: 0px !important;
  }
  .blog-box-img-threebytwo img {
    width: 100%;
  }
  .blog-box-img-threebytwo .blog-box-info {
    width: 100%;
  }
  .blog-box-img-threebytwo .blog-box-info-more {
    margin-left: 10px;
  }

  .blog-box-img-fourbytwo {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin-left: 0px !important;
  }
  .blog-box-img-fourbytwo img {
    width: 100%;
  }
  .blog-box-img-fourbytwo .blog-box-info-more {
    float: right;
    margin-right: 20px;
  }

  .blog-box-img-onebytwo, .blog-box-img-onebyfour, .mobile-hide {
    display: none;
  }

  .blog-left, .blog-right {
    width: 97%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .blog-box-article {
    width: 30.80%;
  }

  .logo {
    margin: 10px 30px 10px 10px;
  }

  .main-nav {
    margin-left: 0;
    margin-right: 0;
  }

  .main-nav > ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    display: none;
  }
  .main-nav > ul .sub ul li:hover {
    background: #177ec0;
    }
  .main-nav > ul .sub {
    position: relative;
    margin: 0;
    display: block;
  }
  .main-nav > ul .sub li {
    width: 100%;
  }
  .main-nav > ul .sub a, .main-nav > ul .sub a:hover {
    text-align: left;
    margin: 0;
    padding: 0 17px;
    line-height: 40px;
    display: block;
    background: rgba(9, 103, 173, 0.9) !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-indent: 20px;
  }
  .main-nav > ul .sub p {
    margin: 0;
    display: inline-block;
    color: #fff;
  }
  .main-nav > ul .sub strong {
    font-family: "fs_elliot_proregular", Helvetica;
    color: #fff;
  }
  .main-nav > ul .sub .meta {
    display: none;
  }
  .main-nav > ul .sub .sub-nav,.main-nav > ul .sub .new-sub-nav {
    display: none;
  }
  .main-nav > ul .sub .arrow {
    margin-right: 5px;
    display: inline-block;
  }
  .main-nav > ul li {
    width: 100%;
    border-style: solid none;
    border-width: 1px;
    border-top-color: #2e7cba;
    border-bottom-color: #0E6CBB;
  }
  .main-nav > ul li a, .main-nav > ul li.active a, .main-nav > ul li:hover a {
    color: white;
    display: block;
    line-height: 40px;
    background: #177ec0;
  }
  .main-nav > ul li a .arrow-head, .main-nav > ul li a .icon.sub-nav, .main-nav > ul li a .icon.nav, .main-nav > ul li a .icon.-new-sub-nav, .main-nav > ul li a .icon.nav, .main-nav > ul li.active a .arrow-head, .main-nav > ul li.active a .icon.sub-nav, .main-nav > ul li.active a .arrow-head, .main-nav > ul li.active a .icon.new-sub-nav, .main-nav > ul li.active a .icon.nav, .main-nav > ul li:hover a .arrow-head, .main-nav > ul li:hover a .icon.sub-nav, .main-nav > ul li:hover a .icon.nav.main-nav > ul li:hover a .icon.new-sub-nav, .main-nav > ul li:hover a .icon.nav {
    display: none;
  }

  .menu.launcher {
    float: left;
    padding: 10px 5px;
    line-height: 37px;
    display: inline-block;
    border-right: 1px solid #003970;
  }
  .menu.launcher.active {
    background: #177ec0;
  }
  .menu.launcher span {
    border-width: 15px 9px;
    border-color: transparent;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;
    border-top-color: white;
    margin: 0 9px -16px;
  }
  .menu.launcher span + span {
    display: none;
  }

  .search.launcher {
    padding: 14px 16px;
    display: inline-block;
    float: right;
  }
  .search.launcher.active {
    background: #177ec0;
  }
  .search.launcher span {
    width: 57px;
    height: 51px;
    margin: -11px -14px;
    display: inline-block;
    background: url(../images/icons/icon-search2.png) no-repeat left top;
  }

  .search-box.top {
    float: right;
    margin: 0px;
  }
  .search-box form {
    position: absolute;
    left: auto;
    right: 0;
    top: 100%;
    width: 100%;
    margin: 0;
    padding: 20px 0px;
    display: none;
    background: #177ec0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .search-box form .keyword {
    width: 95%;
    background: #fff;
    height: 30px;
    border-radius: 20px;
    margin: 0 2%;
    text-indent: 20px;
  }
  .search-box form .search-btn{
    display: none;
  }
  .search-box form .search-btn2 {
    width: 35px;
    height: 35px;
    border: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background: url(../images/icons/icon-remove.png) no-repeat left top;
    margin: 0px -57px 3px;
    display: inline-block;
  }

  .sticky-login {
    position: absolute;
    top: 56px;
    right: 0;
    width: 100%;
    max-width: 100%;
    padding: 0;
    background: none;
    box-shadow: none;
    z-index: 109;
  }
  .sticky-login .avatar {
    display: none;
  }
  .sticky-login header {
    clear: both;
  }
  .sticky-login .wrapper {
    float: right;
    width: 100%;
    display: none;
    text-indent: 20px;
  }
  .sticky-login .wrapper ul {
    margin: 0;
  }
  .sticky-login .wrapper ul a {
    line-height: 50px;
    display: block;
    background: #177ec0;
  }
  .sticky-login .wrapper ul li.login {
    line-height: 1;
    font-size: 1;
    background: rgba(9, 103, 173, 0.9);
  }
  .sticky-login .wrapper ul li.login a {
    display: inline-block;
    background: none;
  }
  .sticky-login .wrapper li {
    width: auto;
    background: none;
  }
  .sticky-login .wrapper li:hover a{
    border-top: #0E6CBB solid 1px;
    border-bottom: #438FCF solid 1px;
    color: #fff;
    text-decoration: none;
  }
  .sticky-login .wrapper dl {
    display: none;
  }
  .sticky-login .collapse-button {
    margin: -56px 63px 0 0;
    width: 57px;
    height: 57px;
    background: url(../images/icons/icon-person.png) no-repeat center;
  }
  .sticky-login .collapse-button.active {
    background-color: #177ec0;
  }

  footer.main {
    padding: 0;
  }
  footer.main dl {
    width: 33.33333%;
    margin: 20px 0;
  }
  footer.main dl dt, footer.main dl dd {
    margin: 0 10px;
  }

  .carousel {
    width: 100%;
    height: auto;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .carousel .carousel-inner {
    position: relative;
    margin: 0;
    display: inline-block;
    white-space: nowrap;
  }
  .carousel .hero-media {
    float: left;
    width: 50%;
    margin: 0 10px 0 30px;
  }
  .carousel.one .hero-media img, .carousel.one .hero-media iframe, .carousel.one .hero-media object {
    margin-top: 20px;
  }
  .carousel.two .hero-media {
    margin-top: 20px;
  }
  .carousel.three .items {
    margin: 20px 0;
  }
  .carousel.three .hero-media {
    margin: 0;
  }
  .carousel.three .hero-media img {
    width: 50%;
    height: auto;
  }
  .carousel.three .social-sharing {
    margin: 20px 0 0 20px;
  }
  .carousel.three ul {
    width: 100%;
  }
  .carousel.three .carousel-nav {
    margin: 10px 0;
  }
  .carousel.three li {
    float: none;
  }
  .carousel .carousel-inner {
    position: relative;
    left: 0;
    float: left;
    width: auto;
    height: auto;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
  }
  .carousel ul li > * {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
  }
  .carousel .carousel-inner .item .social-sharing {
    top: 0;
    margin: 120px 0 0 5px;
  }
  .carousel ul li .social-sharing a {
    margin: 5px 0;
  }
  .carousel ul li .social-sharing a:hover {
    margin-bottom: -11px;
  }
  .carousel ul li p {
    font-size: 14px;
    line-height: 16px;
    margin: 10px 0;
  }
  .carousel .item h2 {
    float: none;
    width: auto;
    margin: 50px 10px 10px;
    font-size: 30px;
    display: block;
    word-break: break-word;
  }
  .carousel ul li .btn {
    margin: 5px 0 !important;
  }
  .carousel ul li iframe, .carousel ul li object {
    width: 100%;
  }
  .carousel .carousel-nav {
    position: relative;
    margin: 10px 0;
    clear: left;
    float: left;
    text-align: center;
    display: none;
  }
  .carousel .carousel-nav a {
    position: relative;
    left: 0 !important;
    right: 0 !important;
    top: 0;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
    background: white;
    vertical-align: middle;
  }
  .carousel .carousel-nav a.active {
    background: #58595b;
  }

  .right-ad img, .left-ad img {
    width: 100%;
  }

  .products {
    width: auto;
    margin: 0 10px;
  }
  .products li > img {
    display: block;
    width: 80%;
    height: auto;
    margin: 0px auto;
  }
  .products-pink li > img {
    width: 45%;
    height: auto;
    margin: 0 10px 0 10px;
  }
  .products1 li > img {
    width: 80%;
    height: auto;
    margin: 0 10px 0 5px;
  }
  
  .products1p li > img {
    width: 80%;
    height: auto;
    margin: 0 10px 0 36px;
  }
  
  .products li h2, .products li p {
    margin-right: 10px;
  }
  .products li h2 {
    font-family: "fs_elliot_prolight", Helvetica;
  }
  .products li p {
    font-size: 12px;
    font-family: "fs_elliot_proregular", Helvetica;
  }
  .products.mobile-internet img, .products.mobile-internet-videos li img {
    width: 90%;
    margin: 0;
  }
  .products.mobile-internet iframe, .products.mobile-internet object, .products.mobile-internet-videos li iframe, .products.mobile-internet-videos li object {
    width: 80%;
  }
  .products.mobile-internet .mi-media, .products.mobile-internet-videos li .mi-media {
    width: auto;
  }

  .breadcrumbs {
    width: auto;
    padding-top: 20px;
  }
  .breadcrumbs .crumbs {
    margin-left: 10px;
    margin-right: 10px;
  }
  .breadcrumbs .page-sub {
    float: right;
    margin-top: 5px;
    padding: 0 10px 10px;
    line-height: 85px;
  }
  .breadcrumbs .page-sub li {
    margin-left: 10px;
  }
  .breadcrumbs .page-sub li a {
    font-size: 14px;
  }
  .breadcrumbs .icon {
    /*display: none;*/
  }

  .single-content-box {
    width: auto;
    padding: 20px 10px;
    margin: 0;
  }
  .single-content-box img {
    width: 40%;
    margin-right: 10px;
    height: auto;
  }
  .single-content-box.right {
    margin: 0;
  }
  .single-content-box .single-content-box-info {
    margin: 0;
  }
  .single-content-box .single-content-box-info h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.25;
    word-break: break-word;
  }
  .single-content-box .single-content-box-info p {
    margin: 8px 0;
    font-size: 14px;
    line-height: 1;
  }

  .newsletter {
    width: auto;
    padding: 20px 10px;
  }
  .newsletter p {
    width: 50%;
    margin: 0;

  }

  .product-postpaid-spec-box .pp-spec-box-content p.double-line .icon {
    float: none;
  }

  .product-postpaid-box-left, .product-postpaid-box-right {
    width: 50%;
  }

  .product-postpaid-table .table-product {
    width: 20%;
  }
  .product-postpaid-table .table-product p {
    font-size: 12px;
  }
  .product-postpaid-table .table-label {
    width: 80%;
  }
  .product-postpaid-table .table-label div {
    font-size: 12px;
  }
  .product-postpaid-table .table-label div p.w50 {
    width: 40px;
  }
  .product-postpaid-table .table-content div {
    font-size: 12px;
  }
  .product-postpaid-table .table-content div.w60p {
    width: 80%;
  }
  .product-postpaid-table .table-content div p.w50 {
    width: 40px;
  }

  .h560, .h460 {
    height: auto;
    *zoom: 1;
  }
  .h560:before, .h560:after, .h460:before, .h460:after {
    content: "";
    display: table;
  }
  .h560:after, .h460:after {
    clear: both;
  }

  .article-header-info {
    width: 50%;
    padding: 20px;
    right: 0px;
  }

  .article-content .article-content-body {
    width: auto;
    margin: 0px;
    padding: 10px;
  }
  .article-content .article-content-body .article-content-media iframe {
    width: 100%;
  }

  .article-content-social .sharing {
    width: auto;
    margin-left: 10px;
  }

  .content-box, .hbox .content-box {
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    width: 80%;
  }

  .article {
    height: 200px;
  }
  .article.mleft70 {
    margin-left: 20px !important;
  }

  .article-half {
    margin-top: 0px !important;
  }

  .fixed-half.blue > * {
    margin-left: 20px;
  }

  .gallery-header .gallery960 {
    margin-left: 0;
  }
  .gallery-header .gallery-tabs {
    margin-left: 4px;
    margin-right: 4px;
  }
  .gallery-header .sorter {
    margin-left: 10px;
    margin-right: 10px;
  }

  .cart-quickview section {
    top: auto;
    left: -45px;
  }

  .gallery-content {
    -webkit-box-shadow: inset 0px 5px 10px -4px #131313;
    -moz-box-shadow: inset 0px 5px 10px -4px #131313;
    box-shadow: inset 0px 5px 10px -4px #131313;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=-4px, Direction=135, Color='#131313')";
    filter: none;
  }
  .gallery-content .gallery-filter {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
    display: none;
  }
  .gallery-content .gallery960 {
    margin-left: 0px;
  }
  .gallery-content .gallery960 .gallery-pagination {
    background: none;
    border: none;
    margin-left: 5px;
    margin-bottom: 0px;
  }
  .gallery-content .gallery960 .gallery-pagination .page-indicator {
    display: none;
  }
  .gallery-content .gallery960 .gallery-products li {
    width: 50%;
    margin: 0px;
    height: 310px;
    min-height: 0;
    padding: 20px 0;
  }
  .gallery-content .gallery960 .gallery-products li img {
    width: 20%;
    padding-top: 30px;
    padding-left: 45%;
  }
  .gallery-content .gallery960 .gallery-products li h3, .gallery-content .gallery960 .gallery-products li p {
    padding-left: 10px;
    padding-right: 10px;
  }
  .gallery-content .gallery960 .gallery-products .customer-ctrl {
    display: none;
  }

  .online-gallery {
    padding: 0;
    overflow: hidden;
  }
  .online-gallery ul {
    position: relative;
    width: 100%;
    line-height: 0;
    font-size: 0;
    white-space: nowrap;
  }
  .online-gallery ul li {
    float: none;
    width: 33.33333%;
    margin: 0;
    line-height: 1;
    display: inline-block;
    white-space: normal;
  }
  .online-gallery.short li {
    width: 50%;
  }
  .online-gallery .gallery-nav {
    padding: 0 0 5px 0;
    margin: 10px 0 0;
  }

  .online-single img {
    width: 40%;
    height: auto;
  }
  .online-single h2 {
    margin-bottom: 10px;
  }
  .online-single p {
    font-size: 14px;
    line-height: 15px;
  }
  .online-single .btn {
    margin-left: 20px;
  }

  .gradient-blue-horizontal {
    height: auto;
  }

  .bg-tatoo, .bg-rocket, .bg-goidd {
    background-size: contain;
    background-position-x: right;
  padding-left:0px;
  }

  .bridgecom-box {
    width: auto;
    padding: 0 18px;
    text-align: center;
  }
  .bridgecom-box > a {
    margin: 0 10px !important;
  }
  .bridgecom-box .bridgecom-box-content {
    margin: 20px 0;
    text-align: left;
  }
  .bridgecom-box .bridgecom-box-content img {
    float: left;
    margin: 0 10px 0 0;
    display: inline-block;
  }
  .bridgecom-box .bridgecom-box-content p {
    width: auto;
    float: none;
    margin: 0;
  }

  .full-content.mtop150 {
    margin: 120px 0 !important;
  }

  .idd-box {
    width: auto;
    margin: 40px 20px;
  }

  .idd-card {
    width: auto;
    margin-bottom: 20px;
    text-align: center;
    font-size: 0;
    white-space: nowrap;
  }
  .idd-card li {
    float: none;
    display: inline-block;
  }

  .product-postpaid-spec-box {
    padding: 20px;
  }

  .customer-ctrl {
    margin: -130px 0 0 0 !important;
    display: none !important;
  }
}
/* All Mobile Landscape Size */
@media only screen and (max-width: 640px) {
  #shoppingCart .item-details span{
    width: 192px;
  }
  #shoppingCart .item-details p{
    width: 200px;
    margin-left: -20px;
  }
  #shoppingCart select{
    float: left;
  }
  #shoppingCart .price{
    text-align: left;
    margin-left: -145px;
    padding: 0px 0 0px 210px;
  }
  #shoppingCart .list-item-header div:last-child{
    margin-left: 0px;
  }
  #shoppingCart  .row{
    width: 480px;
  }
  #shoppingCart .checkout {
  margin: 2% 60% 0 0%;
  }
  #billingInformation .item-header div#resize{
    font-size: 16px;
  }
  #billingInformation .rowContainer input[type="email"], #billingInformation .rowContainer input[type="text"]{
    width: 60%;
  }
  #billingInformation .rowContainer, #billingInformation .item-header div{
    margin-left: 20px;
  }
  #billingInformation #base div:last-child{
    position: relative;
  }
  #billingInformation .next-step{
    position: absolute;
    left: 50%;
  }
  #shippingInformation .rowContainer input[type="email"], #shippingInformation .rowContainer input[type="text"]{
    width: 60%;
  }
  #shippingInformation .rowContainer, #shippingInformation .item-header div{
    margin-left: 20px;
  }
  #shippingInformation .policy{
    width: 60%;
  }
  #shippingInformation .next-step{
    margin: 2% 0 0-13%;
  }
  .btn-blue{
    float: left;
  }
  #shoppingCart .total-container label {
    margin-left: 20px;
  }
  #payment .total-container div label:first-child{
    margin-left: 2%;
    width: 15%;
    display: inline-block;
  }
  #payment .total-container div span{
    width: 20%;
    display: inline-block;
    margin-bottom: 57px;
  }
  #payment .payment-info {
    margin: 2%;
  }
  #paymentSuccess .payment-info{
    margin-left: 20px;
  }

  #errorPage .order-header{
    width: 34%;
    float: left;
    margin-left: 20px;
  }
  #errorPage .payment-info p.terms-conditions {
    width: 90%;
  }
  #errorPage .order-header a {
  margin: 0px auto 20px !important;
  }
  #errorPage .payment-info{
    margin: -30px 0 0 -8px;
    display: inline-block;
  }
  #errorPage .rightSide {
    padding-bottom: 20px;
  }
  #errorPage .payment-info{
    width: 257px;
  }
  #payment .order-header, #paymentSuccess .order-header{
    width: 60%;
    margin-left: 20px;
  }
  #payment .edit-address{
    height: 36px;
  }
  #payment ul.item-list li .desc>span, #paymentSuccess ul.item-list li>div .desc>span{
    width: 30%;
    padding-bottom: 0px;
  }
  #paymentSuccess .total-container label:first-child {
    display: inline-block;
    width: 15%;
  }
  #paymentSuccess .total-container span{
    display: inline-block;
    width: 15%;
    margin-bottom: 63px;
  }
  #shoppingCart .price {
    width: 40%;
  }
  #shoppingCart .list-item-header, #payment .list-item-header, #paymentSuccess .list-item-header{
    display: none;
  }
  #shoppingCart #deviceImg {
    margin-left: 25%;
  }
  #shoppingCart .item-details{
    width: 66%;
  }
  #shoppingCart .item-details span{
    margin-left: 33%;
    text-align: center;
  }
   #shoppingCart .item-details p {
    margin: 0 28% 0 auto;
   }
   #shoppingCart .total-container{
      left: -4%;
      position: relative;
   }
   #shoppingCart .checkout {
    margin-right: 16%;
    }
  #shoppingCart .button-holder{
    margin-left: 20%;
  }
  #shoppingCart .quantity{
    padding-left:21%;
    width: 15%; 
  }
  #billingInformation #base{
    position: relative;
  }
  #billingInformation #base .clearArea{
    
  }
  #billingInformation #base .clearArea span.note{
    position: absolute;
    margin: -21px 0 0 -121px;
  }
  #shippingInformation #base{
    position: relative;
    padding-top: 30px;
  }
  #shippingInformation #base .clearArea{
    
  }
  #shippingInformation #base .clearArea span.note{
    position: absolute;
    margin: -21px 0 0 -121px;
  }
  #shippingInformation .next-step {
    position: absolute;
    right: 36%;
    bottom: 20px;
  }
  #payment .total-container div{
    position: relative;
    height: 100px;
  }
  #payment .total-container div label{
    position: absolute;
  }
  #payment .total-container div span{
    position: absolute;
    left: 15%;
  }
  #paymentSuccess .total-container div{
    position: relative;
    height: 100px;
  }
  #paymentSuccess .total-container div label{
    position: absolute;
  }
  #paymentSuccess .total-container div span{
    position: absolute;
    left: 20%;
  }
  #paymentSuccess label.total{
    width: 50px;
    float: left;
  }
  #paymentSuccess span.total{
    width: 92px;
    display: inline-block;
  }
  /* --------------------added----------------------------*/  
  .main-nav ul li a>span.newnav,.main-nav ul li a span.icon.arrows.pullup, .main-nav ul li:hover a span.icon.arrows.dropdown{
    display: none;
  }  

  .main-nav ul li a span.icon.arrows.dropdown, .main-nav ul li a div, .main-nav ul li:hover a span.icon.arrows.pullup{
    display: inline-block;
    margin-right: 5px;
  }
  .main-nav ul li a{
    text-align: left;
  }
  .main-nav ul li div.sub{
    display: none;
  }

  .fixed-width div.selectBox
{
  width: 70%;
  display: block;
  right: 0px;
}
  
  
.fixed-width .orpink-list-holder li.orpink-list img.promo-image { width: 93%;
height: auto;
padding-left: 10px;
position: relative;
top: -12px; }

.fixed-width .international-flags .countries-cc li.cc-list
{
width: 180px; 
}
  
.fixed-width .orpink-list-holder li.orpink-list { width: 270px;
min-height: 90px;
padding: 2px 0;
display: inline-block;
text-align:center;
font-size:14px;}
.fixed-width .orpink-list-holder li.orpink-list h1 { font-size: 1.5em;
margin: -0.33em 0;}

.fixed-width ul.prod-recommended-list-careers li.recommended-card-careers { width: 200px; padding: 0 35px 34px;
}

.bg-bubble
{
  height: auto;
}

.idd-box p
{
  padding-left: 49px;
  width: auto;
  margin-top: 0px;
  padding-right: 30px;
  font-size: 14px;
}
.globe-way h2
{
  font-size: 1.5em;
margin-top: -85px;
}


.bg-bubble
{
  height: auto;
}

.fixed-width ul.prod-recommended-list-careers li.recommended-card-careers { width: 165px;
padding: 0 3px 1px;
margin-left: 6px;
}

.fixed-width ul.prod-recommended-list-careers li.recommended-card-careers img
{
width: 85%;
height: auto; 
}

.fixed-width ul.prod-recommended-list-careers li.recommended-card-careers p
{
  font-size:12px;
}

.hbox
{
  height:auto;
}

.fixed-width .prod-recommended-box-appinside .prod-recommended-list-appinside .recommended-card-appinside img
{
    width: 95%;
    height: auto;
    
}


.fixed-width .prod-recommended-box-appinside ul.prod-recommended-list-appinside li.recommended-card-appinside
{
  width:160px 
}

.fixed-width .prod-recommended-box-appinside ul.prod-recommended-list-appinside
{
  padding-left: 31px;
}

.fixed-width .prod-recommended-box-appinside ul.prod-recommended-list-appinside li.recommended-card-appinside
{
padding: 0 1px;
width: 165px;
}

.blog-box-article-inner-body
{
width:auto;
padding-right:10px;
padding-left:10px;  
}

p.template-title
{
  padding-left: 10px;
}

.fixed-width h3.rewards-main-title
{
padding-left: 10px;
font-size: 25px;

}

.fixed-width p.rewards-p
{
padding-left: 10px; 
}

.fixed-width .prod-recommended-box-rewards h3
{
padding-left: 10px;
font-size: 21px;  
}

.prod-recommended-box-rewards p
{
padding-left: 10px;
width:auto;
padding-right:7px;
}

.fixed-width .left-accordion .article-title
{
  font-size:32px;
  padding-left:10px;
}

.fixed-width .left-accordion p
{
  padding-left:10px;
}

.fixed-width .gallery-filter-locator
{
  position: relative;
background-color: #d9d9d9;
width: auto;
line-height: 0;
margin-left: -144px;

z-index: 2;
-webkit-box-shadow: 2px 2px 5px gray;
-moz-box-shadow: 2px 2px 5px gray;
box-shadow: 2px 2px 5px gray;
top: 0;
}

.fixed-width .gallery-filter
{
position: relative; 
width: auto;
line-height: 0;
z-index: 2;
-webkit-box-shadow: 2px 2px 5px gray;
-moz-box-shadow: 2px 2px 5px gray;
box-shadow: 2px 2px 5px gray;
top: 0;
}

.fixed-width .filters
{
  padding-left:10px;  
}

.fixed-width .gallery-filter-header h3
{
  padding-left:10px;  
}

.fixed-width table.altrowstable
{
  font-size:12px;
  width:96%;
}

.fixed-width table.altrowstable th
{
  font-size: 14px;
  padding: 18px 10px 18px 6px;  
}

/* --------------------added----------------------------*/
  
  header.main {
    position: relative;
  }

  div.main {
    padding-top: 0;
  }

  .desktop {
    display: none !important;
  }

  .mleft70 {
    margin-left: 20px !important;
  }

  .box-title {
    margin-top: 0px !important;
    padding-top: 20px;
  }

  .gradient-blue {
    height: auto !important;
  }

  .fixed-width, .carousel ul li, .fixed-half, .w50p, .blog-left, .blog-right {
    width: 100%;
    *zoom: 1;
  }
  .fixed-width:before, .carousel ul li:before, .fixed-width:after, .carousel ul li:after, .fixed-half:before, .fixed-half:after, .w50p:before, .w50p:after, .blog-left:before, .blog-left:after, .blog-right:before, .blog-right:after {
    content: "";
    display: table;
  }
  .fixed-width:after, .carousel ul li:after, .fixed-half:after, .w50p:after, .blog-left:after, .blog-right:after {
    clear: both;
  }

  .hbox .bg-rocket, .hbox .bg-goidd {
    background-position: 100% top;
  padding-left:0px;
  }

  .blog-box-post, .blog-box-comments, .blog-box-category {
    margin: 0;
  }

  .blog-box-tag {
    font-size: 22px !important;
  }

  .blog-box-info-title {
    font-size: 20px !important;
  }

  .blog-box-info-desc, .blog-box-info-more {
    font-size: 12px !important;
  }

  .blog-box-info-more {
    float: right;
  }

  .blog-box-section-content {
    width: 48%;
    margin-right: 18px;
  }
  .blog-box-section-content:last-child {
    margin-left: 0px;
    margin-right: 0px;
  }

  .blog-section-category {
    width: 97%;
  }
  .blog-section-category li {
    width: 50%;
  }

  .pull-right {
    float: none;
  }

  .commenting textarea {
    position: absolute;
    float: none;
    right: 0px;
  }
  .commenting .share {
    float: none;
  }

  .blog-sub-menu-holder .blog-sub-menu li {
    display: inherit;
    padding-left: 10px;
    float: none;
  }

  .blog-box-info {
    top: auto !important;
    bottom: 1% !important;
    padding-bottom: 20px !important;
  }

  .blog-box-img-main .blog-box-info-more {
    margin-right: 20px;
  }

  .blog-box-img-onebyone {
    width: 25%;
    margin-left: 0px !important;
  }
  .blog-box-img-onebyone.mobile-hide {
    display: block;
  }
  .blog-box-img-onebyone .blog-box-info {
    bottom: 4% !important;
  }
  .blog-box-img-onebyone img {
    width: 100%;
  }

  .blog-box-img-twobytwo {
    width: 100%;
    margin-left: 0px !important;
    overflow: hidden;
  }
  .blog-box-img-twobytwo .blog-box-info {
    bottom: 1% !important;
  }
  .blog-box-img-twobytwo .blog-box-info-more {
    margin-top: 0px !important;
    margin-right: 20px;
  }
  .blog-box-img-twobytwo img {
    width: 100%;
  }

  .blog-box-img-threebytwo {
    width: 100%;
    height: 200px;
    overflow: hidden;
    margin-left: 0px !important;
  }
  .blog-box-img-threebytwo img {
    width: 100%;
  }
  .blog-box-img-threebytwo .blog-box-info {
    width: 100%;
  }
  .blog-box-img-threebytwo .blog-box-info-more {
    float: left;
    margin-left: 10px;
  }

  .blog-box-img-fourbytwo {
    width: 100%;
    overflow: hidden;
    height: auto;
    margin-left: 0px !important;
  }
  .blog-box-img-fourbytwo img {
    width: 100%;
  }
  .blog-box-img-fourbytwo .blog-box-info-more {
    margin-top: 0px !important;
    margin-right: 20px;
  }

  .blog-box-img-onebytwo, .blog-box-img-onebyfour, .mobile-hide {
    display: none;
  }

  .blog-box-holder .blog-box {
    float: left !important;
  }

  .blog-box-article {
    width: 47%;
    margin-right: 5px;
    margin-left: 5px;
    float: left;
  }

  .blog-left, .blog-right {
    width: 95%;
    padding-left: 10px;
    padding-right: 10px;
  }

  .logo {
    margin: 10px 30px 10px 10px;
  }

  .main-nav {
    margin-right: 0;
    margin-left: 0;
  }

  .main-nav > ul {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    display: none;
  }
  .main-nav > ul .sub {
    position: relative;
    margin: 0;
    display: block;
  }
  .main-nav > ul .sub li {
    width: 100%;
  }
  .main-nav > ul .sub a, .main-nav > ul .sub a:hover {
    text-align: left;
    margin: 0;
    padding: 0 17px;
    line-height: 40px;
    display: block;
    background: rgba(9, 103, 173, 0.9) !important;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    text-indent: 20px;
  }
  .main-nav > ul .sub p {
    margin: 0;
    display: inline-block;
    color: #fff;

  }
  .main-nav > ul .sub ul li:hover {
    background: #177ec0;

  }
  .main-nav > ul .sub strong {
    font-family: "fs_elliot_proregular", Helvetica;
    color: #fff;
  }
  .main-nav > ul .sub .meta {
    display: none;
  }
  .main-nav > ul .sub .sub-nav, .main-nav > ul .sub .new-sub-nav  {
    display: none;
  }
  .main-nav > ul .sub .arrow {
    margin-right: 5px;
    display: inline-block;
  }
  .main-nav > ul li {
    width: 100%;
    border-style: solid none;
    border-width: 1px;
    border-top-color: #2e7cba;
    border-bottom-color: #0E6CBB;
  }
  .main-nav > ul li a, .main-nav > ul li.active a, .main-nav > ul li:hover a {
    color: white;
    display: block;
    line-height: 40px;
    background: #177ec0;
  }
  .main-nav > ul li a .arrow-head, .main-nav > ul li a .icon.sub-nav, .main-nav > ul li a .icon.new-sub-nav, .main-nav > ul li a .icon.nav, .main-nav > ul li.active a .arrow-head, .main-nav > ul li.active a .icon.sub-nav,.main-nav > ul li.active a .icon.new-sub-nav, .main-nav > ul li.active a .icon.nav, .main-nav > ul li:hover a .arrow-head, .main-nav > ul li:hover a .icon.sub-nav,.main-nav > ul li:hover a .icon.new-sub-nav, .main-nav > ul li:hover a .icon.nav {
    display: none;
  }

  .menu.launcher {
    float: left;
    padding: 10px 5px;
    line-height: 37px;
    display: inline-block;
    border-right: 1px solid #003970;
    height: 45px;
  }
  .menu.launcher.active {
    background: #177ec0;
  }
  .menu.launcher span {
    border-width: 15px 9px;
    border-color: transparent;
    border-style: solid;
    display: inline-block;
    vertical-align: middle;
    border-top-color: white;
    margin: 0 9px -16px;
  }
  .menu.launcher span + span {
    display: none;
  }

  .search.launcher {
    padding: 14px 16px;
    display: inline-block;
    float: right;
  }
  .search.launcher.active {
    background: #177ec0;
  }
  .search.launcher span {
    width: 57px;
    height: 51px;
    margin: -14px -14px 0 0;
    display: inline-block;
    background: url(../images/icons/icon-search2.png) no-repeat left top;
  }

  .search-box.top {
    float: right;
    margin: 0px;
  }
  .search-box form {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    margin: 0;
    padding: 20px 0px;
    display: none;
    background: #177ec0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  .search-box form .keyword {
    width: 87%;
    background: #fff;
    height: 30px;
    border-radius: 20px;
    margin: 0 5%;
    text-indent: 20px;
  }
  .search-box form .search-btn{
    display: none;
  }
  .search-box form .search-btn2 {
    width: 35px;
    height: 35px;
    border: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    background: url(../images/icons/icon-remove.png) no-repeat left top;
    margin: 0px -69px 3px;
    display: inline-block;
  }

  .sticky-login {
    position: absolute;
    top: 56px;
    left: 0;
    width: 100%;
    min-height: 0;
    max-width: 100%;
    padding: 0;
    background: none;
    box-shadow: none;
    z-index: 109;
  }
  .sticky-login .avatar {
    display: none;
  }
  .sticky-login header {
    clear: both;
  }
  .sticky-login .wrapper {
    width: 100%;
    display: none;
  }
  .sticky-login .wrapper ul {
    margin: 0;
  }
  .sticky-login .wrapper ul a {
    line-height: 50px;
    padding: 0 10px;
    display: block;
    background: #177ec0;
  }
  .sticky-login .wrapper ul li.login {
    line-height: 1;
    font-size: 1;
    background: rgba(9, 103, 173, 0.9);
  }
  .sticky-login .wrapper ul li.login a {
    display: inline-block;
    background: none;
  }
  .sticky-login .wrapper li {
    width: auto;
    background: none;
  }
  .sticky-login .wrapper li:hover a{
    border-top: #0E6CBB solid 1px;
    border-bottom: #438FCF solid 1px;
    color: #fff;
    text-decoration: none;
  }
  .sticky-login .wrapper dl {
    display: none;
  }
  .sticky-login .collapse-button {
    position: absolute;
    right: 0px;
    margin: -56px 63px 0 0;
    width: 57px;
    height: 57px;
    background: url(../images/icons/icon-person.png) no-repeat center;
  }
  .sticky-login .collapse-button.active {
    background-color: #177ec0;
  }

  footer.main {
    padding: 0;
  }
  footer.main dl {
    width: 33.33333%;
    margin: 20px 0;
  }
  footer.main dl dt, footer.main dl dd {
    margin: 0 10px;
  }

  .carousel-indicators{
    right: 43%;
  }
  .carousel {
    width: 100%;
    height: auto;
    margin-top: 20px;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  .carousel .carousel-inner {
    position: relative;
    margin: 0;
    display: inline-block;
    white-space: nowrap;
  }
  .carousel .hero-media {
    float: left;
    width: 48%;
    margin: 0 10px 0 59px;
  }
  .carousel .hero-media iframe, .carousel .hero-media object {
    margin-top: 20px;
    height: auto;
  }
  .carousel .hero-media.one img {
    margin-top: 10px;
  }
  .carousel .btn {
    margin: 0 !important;
  }
  .carousel.two .hero-media {
    width: 60%;
    margin: 0 auto;
  }
  .carousel.two .hero-media > img {
    width: 50%;
  }
  .carousel.two .carousel-nav {
    margin: 0 0 5px;
  }
  .carousel.two .social-sharing {
    margin-left: 20px;
  }
  .carousel.three {
    text-align: center;
  }
  .carousel.three .items {
    float: none;
    margin: 0 auto;
    width: 50%;
  }
  .carousel.three .hero-media {
    margin: 0;
  }
  .carousel.three .hero-media img {
    width: 50%;
    height: auto;
  }
  .carousel.three .social-sharing {
    margin: 20px 0 0 20px;
  }
  .carousel.three h2 {
    width: auto;
    margin: 0;
    text-align: center;
    font-size: 24px;
  }
  .carousel.three > p {
    display: none;
  }
  .carousel.three .btn {
    margin: 15px 0 !important;
  }
  .carousel.three .carousel-nav {
    margin: -20px 0 20px;
  }
  .carousel .carousel-inner {
    position: relative;
    left: 0;
    float: left;
    width: 100%;
    height: auto;
    display: inline-block;
    white-space: normal;
    vertical-align: top;
  }
  .carousel ul li.this{
    margin-top: -50%;
  }
  .carousel ul li:first-child{
    margin-top: none;
  }
  .carousel ul li:last-child.this{
    margin-top: -150%;
  }
  .carousel ul li > * {
    position: relative;
    left: 0;
    top: 0;
    margin: 0;
  }
  .carousel .carousel-inner .item .social-sharing {
    top: 0;
    /*margin: 40px 0 0 20px;*/
	width: 158px;
margin: 0 auto;
  }
  .carousel .carousel-inner .item .social-sharing a {
    margin: 5px 0;
  }
  .carousel .carousel-inner .item .social-sharing a:hover {
    margin-bottom: -11px;
  }
  .carousel .carousel-inner .item h2 {
    float: none;
    width: auto;
    margin: 10px 10px 10px;
    font-size: 24px;
    line-height: 30px;

    display: block;
    word-break: break-word;
  }
  .carousel .carousel-inner .item .footnote {
    display: none;
  }
  .carousel .carousel-inner .item > p, .carousel .carousel-inner .item .footnote {
    display: none;
  }
  .carousel .carousel-inner .item .btn {
    margin: 20px auto 0;
  }
  .carousel .carousel-inner .item iframe, .carousel ul li object {
    width: 100%;
  }
  .carousel .carousel-nav {
    position: relative;
    margin: 10px 0;
    clear: left;
    float: left;
    text-align: center;
    display: none;
  }
  .carousel .carousel-nav a {
    position: relative;
    left: 0 !important;
    right: 0 !important;
    top: 0;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    display: inline-block;
    border-radius: 50%;
    background: white;
    vertical-align: middle;
  }
  .carousel .carousel-nav a.active {
    background: #58595b;
  }

  .content-box,
  .hbox .content-box {
    width: 70%;
    margin: 20px;
  }

  .info-box .fixed-half {
    width: auto;
    float: none;
    margin: 20px;
  }
  .info-box .fixed-half > * {
    margin-left: 0;
  }
  .info-box .fixed-half .icon.other {
    margin-top: 10px;
  }

  .right-ad img, .left-ad img {
    width: 100%;
  }

  .products li, .products-pink li, .products1 li, .products1p li{
    float: none;
    width: auto;
    padding: 20px;
    text-align: left;
  }
  .products1 li
  {
    float: left;
    width: 30%;
    padding: 28px 4px;
  }
  
   .products1p li
  {
      float: left;
    width: 25%;
    padding: 28px 14px;
  }
  
  .products-pink li
  {
    float: left;
    padding: 28px 4px;
  }
  
  .products-pink li img
  {
   width: 59%;
   height: auto;
   margin-right: 20px;
   float:left;
  }
  
  .products1 li img
  {
   width: 89%;
   height: auto;
   margin-right: 20px;
   float:left;
  }
  
   .products1p li img
  {
   width: 89%;
   height: auto;
   margin-right: 20px;
   float:left;
  }
 
  
  .products li p, .products-pink p {
    margin-right: 0;
  }
  
  .products1 p
  {
   padding-right: 5px;
  }

  .breadcrumbs {
    background: #0060b2 url(../images/bg/breadcrumbs-bg.jpg) no-repeat 30% center;
    padding-top: 20px;
  }
  .breadcrumbs .crumbs {
    margin-left: 10px;
    white-space: nowrap;
  }
  .breadcrumbs h2 {
    margin-bottom: 10px;
  }
  .breadcrumbs .page-sub {
    float: none;
    margin: 0 10px 10px;
    border-bottom: 1px solid #b8babd;
    display: block;
  }
  .breadcrumbs .page-sub:before {
    content: "";
    display: block;
    clear: both;
margin-top: -40px;
  }
  .breadcrumbs .page-sub li {
    position: relative;
	padding-left:28%;
    /*margin: 0;*/
    border-top: 1px solid #b8babd;
    display: block;
  }
  .breadcrumbs .page-sub li a {
    padding-left: 10px;
    font-size: 14px;
    line-height: 2;
    display: block;
  }
  .breadcrumbs .icon.crumbs {
    display: none;
  }

  .newsletter {
    width: auto;
    padding: 20px 10px;
  }
  .newsletter > p {
    width: 78%;
  }
  .newsletter form {
    margin-top: 15px;
    display: block;
  }
  .newsletter input[type=text] {
    width: 65%;
  }

  .products {
    text-align: center;
  }
  .products li {
    display: inline-block;
  }
 

  ul.rewards li img {
    margin: 0px;
  }

  .single-content-box {
    width: auto;
    margin: 0px;
    padding: 60px 20px;
  }
  .single-content-box.right {
    margin-left: 0px;
  }

  .product-postpaid-spec-box {
    padding-left: 20px;
    padding-right: 20px;
  }
  .product-postpaid-spec-box .pp-spec-box-content p.double-line .icon {
    float: none;
  }

  .product-postpaid-box-left, .product-postpaid-box-right {
    width: 100%;
  }

  .product-postpaid-table .table-product {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid grey;
  }
  .product-postpaid-table .table-product p {
    margin-top: 0px;
  }
  .product-postpaid-table .on-mobile {
    width: 50%;
    float: left;
    border-top: 1px solid white;
    margin-bottom: 20px;
  }
  .product-postpaid-table .on-mobile div {
    float: none;
    border-top: 1px solid white;
    border-bottom: 1px solid grey;
  }
  .product-postpaid-table .on-mobile div.w60p {
    width: 100%;

  }
  .product-postpaid-table .on-mobile:first-child {
    border-top: none;
  }
  .product-postpaid-table p.single-line {
    font-size: 11px;
  }

  .hbox {
    overflow: hidden;
  }
  .hbox .idd-box {
    margin-top: 20px;
    margin-left: 0px;
  }

  .h560, .h460, .h480 {
    height: auto;
    *zoom: 1;
  }
  .h560:before, .h560:after, .h460:before, .h460:after, .h480:before, .h480:after {
    content: "";
    display: table;
  }
  .h560:after, .h460:after, .h480:after {
    clear: both;
  }

  .article-header-info {
    width: 50%;
    padding: 20px;
    right: 0px;
  }

  .article-content .article-content-body {
    width: auto;
    margin: 0px;
    padding: 10px;
  }
  .article-content .article-content-body .article-content-media iframe {
    width: 100%;
  }

  .article-half {
    color: white;
    padding-bottom: 0px;
    padding-top: 0px !important;
  }

  .article-content-social {
    margin-left: 20px;
    margin-bottom: 0px;
  }
  .article-content-social .sharing {
    width: 100%;
  }

  .content-box, .hbox .content-box {
    margin-right: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
  }

  .article {
    padding: 0px !important;
  }
  .article.mleft70 {
    margin-left: 20px !important;
  }

  .gallery-header {
    min-height: 0;
    padding: 10px 0;
    text-align: center;
  }
  .gallery-header .gallery960 {
    margin-left: 0px;
    padding: 0;
  }
  .gallery-header .sorter {
    float: none;
    margin: 0 10px 0;
    text-align: left;
    display: inline-block;
  }
  .gallery-header .sorter .data-list {
    width: 130px;
  }
  .gallery-header .sorter .tabs {
    width: 90px;
  }
  .gallery-header .tabs {
    line-height: 35px;
  }
  .gallery-header .tabs .arrow-head {
    margin-top: 12px;
  }
  .gallery-header .gallery-tabs {
    display: none;
  }

  .cart-quickview section {
    top: auto;
    left: -45px;
  }

  .gallery-content {
    -webkit-box-shadow: inset 0px 5px 10px -4px #131313;
    -moz-box-shadow: inset 0px 5px 10px -4px #131313;
    box-shadow: inset 0px 5px 10px -4px #131313;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=-4px, Direction=135, Color='#131313')";
    filter: none;
  }
  .gallery-content .gallery-filter {
    display: none;
  }
  .gallery-content .gallery960 {
    margin-left: 0px;
  }
  .gallery-content .gallery960 .gallery-pagination {
    background: none;
    border: none;
    margin-left: 10px;
    margin-bottom: 0px;
  }
  .gallery-content .gallery960 .gallery-pagination .page-indicator {
    display: none;
  }
  .gallery-content .gallery960 .gallery-products li {
    width: 50%;
    min-height: 0;
    height: 160px;
    margin: 0px;
    padding: 20px 0;
  }
  .gallery-content .gallery960 .gallery-products li img {
    width: 20%;
    padding-top: 0;
    padding-left: 45%;
  }
  .gallery-content .gallery960 .gallery-products li h3, .gallery-content .gallery960 .gallery-products li p {
    padding-left: 10px;
    padding-right: 10px;
  }
  .gallery-content .gallery960 .gallery-products li p {
    display: none;
  }
  .gallery-content .pull-right {
    float: right;
  }

  .bridgecom-box {
    width: auto;
    margin-top: 0px;
    padding: 20px 10px 0;
    text-align: center;
  }
  .bridgecom-box a {
    display: inline-block;
    margin: 0 5px !important;
  }
  .bridgecom-box .bridgecom-box-content {
    margin: 20px 0;
    text-align: left;
  }
  .bridgecom-box .bridgecom-box-content img {
    float: left;
    margin: 0 10px 0 0;
    display: inline-block;
  }
  .bridgecom-box .bridgecom-box-content p {
    width: auto;
    float: none;
    margin: 0;
  }

  .gradient-blue-horizontal {
    height: auto;
  }

  .anchors {
    display: none !important;
  }

  .online-gallery {
    padding: 0;
  }
  .online-gallery ul {
    position: relative;
    width: 100%;
    line-height: 0;
    font-size: 0;
    white-space: nowrap;
  }
  .online-gallery ul li {

    float: none;
    width: 50%;
    margin: 0;
    line-height: 1;
    display: inline-block;
    white-space: normal;
  }
  .online-gallery.short li {
    width: 50%;
  }
  .online-gallery .gallery-nav {
    padding: 0 0 5px 0;
    margin: 10px 0 0;
  }

  .online-single {
    margin: 0 10px;
  }
  .online-single img {
    float: none;
    margin: 0 auto;
    display: block;
  }

  .h410 {
    height: auto;
  }

  .bg-tatoo, .bg-rocket, .bg-goidd {
    background-size: contain;
  }

  .full-content {
    margin: 20px 0 !important;
  }

  .idd-features {
    margin: 0 15px 20px 0;
  }

  .idd-card {
    width: auto;
    margin-bottom: 20px;
    text-align: center;
    font-size: 0;
    white-space: nowrap;
  }
  .idd-card li {
    float: none;
    display: inline-block;
  }

  .product-postpaid-spec-box {
    min-height: 0;
    padding: 20px;
  }
  .product-postpaid-spec-box .pp-spec-box-content {
    padding-left: 0;
  }

  .customer-ctrl {
    margin: -130px 0 0 0 !important;
    display: none !important;
  }
}
/* All Mobile Portrait Size */
@media only screen and (max-width: 479px) {
  #shoppingCart .list-item-header div:last-child{
    margin-left: 0px;
  }
  #shoppingCart .checkout{
    margin-right: 58%;
  }
  #errorPage .order-header{
    width: 34%;
  }
  #errorPage .order-header span.thank-you{
    padding-top: 0px;
  }
  #shoppingCart .price {
  width: 37%;
  margin-left: -17%;
  }
  #errorPage .order-header a {
  margin: -1px auto 20px !important;
  }
  #shoppingCart .list-item-header, #payment .list-item-header, #paymentSuccess .list-item-header{
    display: none;
  }
  #shoppingCart #deviceImg {
    margin-left: 10%;
  }
  #shoppingCart .item-details span{
    margin-left: 10%;
    text-align: center;
  }
   #shoppingCart .item-details p {
    margin-left: 6%;
   }
   #shoppingCart .total-container{
      margin-left: 2%;
   }
   #shoppingCart .checkout {
    margin-right: 57%;
    }
  #shoppingCart .button-holder{
    margin-left: 2%;
  }
  #shoppingCart .quantity{
    padding-left: 8%;
    width: 9%; 
  }
  /* --------------------added----------------------------*/
  
  .online-single h2, p
  {
	  text-align:left;
  }
  
  
  
  .fixed-width .blog-related-posts
  {
  width:95%; 
  padding-left:8px; }
  
  .fixed-width .blog-right
  {
      padding-left: 8px;
  }
  
  .main-nav ul li a>span.newnav,.main-nav ul li a span.icon.arrows.pullup, .main-nav ul li:hover a span.icon.arrows.dropdown{
    display: none;
  }  

  .main-nav ul li a span.icon.arrows.dropdown, .main-nav ul li a div, .main-nav ul li:hover a span.icon.arrows.pullup{
    display: inline-block;
    margin-right: 5px;
  }
  .main-nav ul li a{
    text-align: left;
  }
  .main-nav ul li div.sub{
    display: none;
  }
  .fixed-width .icon.other.arrow {width: 15px;
height: 15px;
margin-top: -3px;
background-position: -45px -35px;
display: inline-block;
/*margin-left: -5px;*/}
  
  .fixed-width .orpink-list-holder li.orpink-list img.promo-image { width: 93%;
height: auto;
padding-left: 10px; }
  
  .fixed-width .orpink-list-holder li.orpink-list { width: 313px;
min-height: 90px;
padding: 2px 0;
display: inline-block; }

.fixed-width .orpink-list-holder li.orpink-list h1 { font-size: 1.5em;
margin: -0.33em 0;}

.fixed-width ul.prod-recommended-list-careers
{
  list-style: none;
margin: 0 auto;
padding: 30px 0 5px 1px;
}

.fixed-width ul.prod-recommended-list-careers li.recommended-card-careers
{
  width: 248px;
height: auto;
text-align: center;
display: inline-block;
padding: 0 35px;
padding-bottom: 30px;
}

.fixed-width .international-flags .countries-cc li.cc-list
{
width: 150px; 
}

.idd-box p
{
  padding-left: 51px;
  width: 260px;
  margin-top: 0px;
}

.globe-way h2
{
  font-size: 1.5em;
margin-top: -85px;
}

.prod-recommended-box-appinside .prod-recommended-list-appinside .recommended-card-appinside img
{
    width: 80%;
    height: auto;
    padding: 0 0 33px 45px; 
}

.blog-box-article-inner-body
{
width: 98%;
padding-right: 5px;
padding-left: 1px;
}

p.template-title
{
  padding-left: 10px;
}

.fixed-width h3.rewards-main-title
{
text-align: center;
font-size: 25px;

}

.fixed-width p.rewards-p
{
  text-align:center;
padding-left: 1px;  
}

.fixed-width .prod-recommended-box-rewards h3
{
text-align: center;
font-size: 21px;  
}

.fixed-width .prod-recommended-box-rewards p
{
  text-align:center;
padding-left: 10px;
width:auto;
font-size:14px;
padding-right:7px;
}

.fixed-width .prod-recommended-box-rewards .rewards-mechanics
{
  margin-left:-50px;
}

.fixed-width .left-accordion .article-title
{
  font-size:32px;
  padding-left:10px;
}

.fixed-width .left-accordion p
{
  padding-left:10px;
}

.fixed-width .gallery-filter-locator
{
  position: relative;
background-color: #d9d9d9;
width: auto;
line-height: 0;
margin-left: -77px;

z-index: 2;
-webkit-box-shadow: 2px 2px 5px gray;
-moz-box-shadow: 2px 2px 5px gray;
box-shadow: 2px 2px 5px gray;
top: 0;
}

.fixed-width .gallery-filter
{
position: relative; 
width: auto;
line-height: 0;


z-index: 2;
-webkit-box-shadow: 2px 2px 5px gray;
-moz-box-shadow: 2px 2px 5px gray;
box-shadow: 2px 2px 5px gray;
margin-left: 1px;
top: 0;
}

.fixed-width table.altrowstable
{
  width:100%;
  font-size:12px;
  margin: 0 auto;
  /*margin-right:29px;*/
}

.fixed-width .blog-box-article-inner-body p
{
padding-left:5px; 
}
.fixed-width div.selectBox
{
  width:40%;
  display:block;
  right:31px;
}
.fixed-width span.selected{width: 70%; text-indent: 10px; border: 1px solid #007ab3; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #f6f6f6; overflow: hidden;font-family: Arial, sans-serif;font-size: 12px;font-weight: bold;
                            background: #007ab3;
                        }
.fixed-width span.selectArrow{width: 30px; border: 1px solid #007ab3; border-top-right-radius: 5px; border-bottom-right-radius: 5px; text-align: center; font-size: 12px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background: #007ab3; color: #fff;}
      span.selectArrow,span.selected{position: relative; float: left; height: 30px; z-index: 1;}
      .fixed-width ul.selectOptions{position: absolute; top: 28px; left: 0; width: 70%; border: 1px solid #007ab3; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; background: #007ab3; padding-top: 2px; display: none;margin: 0;list-style: none inside none;padding-left: 0; z-index:100;}
      li.selectOption{display: block; line-height: 20px; padding: 5px 0 5px 10px; font-size: 12px; font-weight: bold; font-family: arial, sans-serif;list-style: none;margin: 0;}
      li.selectOption:hover{color: #f6f6f6;background: #4096ee;}
      
      .fixed-width .select-list .bal{
  margin-top: -15px;
  padding-right: 10px;
  position: relative;
  display: inline-table;
  font-size: 17px;
  color: #007fb6;
  margin-left: 10px;

      }
      .fixed-width p.template-title
      {
        font-size:34px;
      }
      .fixed-width .select-list .search-btn1
      {

      right: 38px;  
      }

.fixed-width table.altrowstable th
{
  font-size: 14px;
  padding: 18px 10px 18px 6px;  
}

.bg-goidd.fixed-half.pull-left.h100p {
padding: 0px;
}

/* --------------------added----------------------------*/  
  
  .fixed-width, .carousel ul li, .fixed-half, .w50p, .blog-left {
    width: 100%;
  }

  .hbox .bg-rocket, .hbox .bg-goidd {
    background-position: 100% top;
  }

  .blog-box-post, .blog-box-comments, .blog-box-category {
    margin: 0;
  }

  .blog-box-tag {
    font-size: 14px !important;
  }

  .blog-box-info {
    width: 100% !important;
    top: auto !important;
    padding-bottom: 20px !important;
  }

  .blog-box-info-title {
    font-size: 16px !important;
  }

  .blog-box-info-desc, .blog-box-info-more {
    font-size: 11px !important;
  }

  .blog-box-info-desc {
    width: 85% !important;
    margin-top: 8px !important;
  }

  .blog-box-info-more {
    float: right;
    margin-top: 0px !important;
    margin-right: 20px !important;
  }

  .blog-box-section-content {
    width: 100%;
  }

  .commenting input[type=text], .commenting textarea {
    width: 95%;
  }
  .commenting .share {
    width: 100%;
    margin-top: 0px;
  }

  .blog-box-img-onebyone, .blog-box-img-twobytwo {
    width: 50%;
    margin: 0px !important;
  }
  .blog-box-img-onebyone img, .blog-box-img-twobytwo img {
    width: 100%;
  }

  .blog-box-img-onebyone.mobile-hide {
    display: block;
  }
  .blog-box-img-onebyone .blog-box-info {
    bottom: 2% !important;
  }
  .blog-box-img-onebyone img {
    width: 100%;
  }

  .blog-box-img-twobytwo {
    width: 100%;
    margin-left: 0px !important;
    overflow: hidden;
  }
  .blog-box-img-twobytwo .blog-box-info {
    bottom: 1% !important;
  }
  .blog-box-img-twobytwo img {
    width: 100%;
  }

  .blog-box-img-threebytwo {
    width: 100%;
    overflow: hidden;
    margin-left: 0px !important;
  }
  .blog-box-img-threebytwo .box-right {
    right: auto;
  }

  .blog-box-img-fourbytwo {
    width: 100%;
    height: 200px !important;
    overflow: hidden;
    margin-left: 0px !important;
  }
  .blog-box-img-fourbytwo img {
    width: 100%;
  }
  .blog-box-img-fourbytwo .blog-box-info {
    bottom: 0px !important;
  }

  .blog-box-img-onebytwo, .blog-box-img-onebyfour, .mobile-hide {
    display: none;
  }

  .main-nav {
    margin-left: 0;
  }

  .carousel .hero-media {
    float: none;
    width: 80%;
    margin: 0 auto;
  }
  .carousel .carousel-inner {
    text-align: center;
  }
  .carousel .item h2 {
    margin: 0 10px 20px;
  }
  .carousel.two .hero-media {
    width: auto;
  }
  .carousel.one .hero-media > img {
  width: 90%;
  margin-top: 20px;
  margin-left: 15px;
}
  .carousel.three {
    text-align: center;
  }
  .carousel.three .items {
    float: none;
    margin: 0;
    width: auto;
  }

  footer.main dl {
    width: 50%;
  }

  .products img{
    width: 100%;
    height: auto;
  }
  
  .fixed-width .products-pink img
  {
    width:100%;
    height:auto;
  }
  
  .products1 li
  {
  float: left;
width: 77%;
padding: 28px 28px;  
  }
  
  .products1p li
  {
  float: left;
width: 80%;
padding: 28px 28px;  
  }
  
   .products1 li img
  {
   width: 100%;
   height: auto;
   margin-right: 20px;
   float:left;
  }
  
    .products1p li img
  {
   width: 100%;
   height: auto;
   margin-right: 20px;
   float:left;
  }
  
  .products h2 {
    font-family: "fs_elliot_prolight", Helvetica;
  }
  .products li, .products-pink li, .products1 li {
    text-align: center;
  }

  .single-content-box {
    width: auto;
    padding: 20px 10px;
    margin: 0;
  }
  .single-content-box img {
    /*float:none;
    width:70%;
    height:auto;
    */
    display: none;
  }
  .single-content-box.right {
    margin: 0;
  }
  .single-content-box .single-content-box-info {
    float: none;
    width: auto;
    margin: 0;
  }
  .single-content-box .single-content-box-info h2 {
    margin: 0;
    font-size: 20px;
    line-height: 1.25;
    word-break: break-word;
  }
  .single-content-box .single-content-box-info p {
    margin: 8px 0;
    font-size: 14px;
    line-height: 1;
  }

  .newsletter {
    width: auto;
    padding: 20px 10px;
  }
  .newsletter > p {
    width: 68%;
  }
  .newsletter form {
    margin-top: 0;
    display: block;
  }
  .newsletter input[type=text] {
    width: 95%;
  }

  .product-postpaid-spec-box .pp-spec-box-content p.double-line .icon {
    float: none;
  }

  .product-postpaid-box-left, .product-postpaid-box-right {
    width: 100%;
  }

  .product-postpaid-table .table-product {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid grey;
  }
  .product-postpaid-table .table-product p {
    margin-top: 0px;
  }
  .product-postpaid-table .on-mobile {
    width: 50%;
    float: left;
    border-top: 1px solid white;
    margin-bottom: 20px;
  }
  .product-postpaid-table .on-mobile div {
    float: none;
    border-top: 1px solid white;
    border-bottom: 1px solid grey;
  }
  .product-postpaid-table .on-mobile div.w60p {
    width: 100%;
  }
  .product-postpaid-table .on-mobile:first-child {
    border-top: none;
  }

  .h420 {
    height: auto;
  }

  .comparison-box .comparison-box-content .comp-box-left {
    width: 25%;
  }
  .comparison-box .comparison-box-content .comp-box-left p {
    font-size: 12px;
  }

  .h560 {
    height: auto;
    *zoom: 1;
  }
  .h560:before, .h560:after {
    content: "";
    display: table;
  }
  .h560:after {
    clear: both;
  }

  .article-header-info {
    position: relative;
    width: auto;
    padding: 20px;
    right: 0px;
  }
  .article-header-info h2 {
    width: 100%;
  }

  .article-content .article-content-body {
    width: auto;
    margin: 0px;
    padding: 10px;
  }
  .article-content .article-content-body .article-content-media iframe {
    width: 100%;
  }

  .article-content-social .sharing {
    width: 100%;
  }

  .content-box,
  .hbox .content-box {
    width: 70%;
  }

  .online-single {
    margin-bottom: 30px;
  }
  .online-single img {
    margin-bottom: 20px;
  }

  .cart-quickview {
    width: 100%;
  }
  .cart-quickview section {
    top: auto;
    left: -45px;
  }

  .gallery-header .gallery-tabs + .sorter {
    display: none;
  }

  .gallery-content {
    -webkit-box-shadow: inset 0px 5px 10px -4px #131313;
    -moz-box-shadow: inset 0px 5px 10px -4px #131313;
    box-shadow: inset 0px 5px 10px -4px #131313;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=-4px, Direction=135, Color='#131313')";
    filter: none;
  }
  .gallery-content .gallery-filter {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
  }
  .gallery-content .gallery-pagination .pull-left, .gallery-content .gallery-pagination .pull-right {
    float: none;
    display: inline-block;
  }

  .gradient-blue-horizontal {
    height: auto;
  }

  .blog-box-article {
    width: auto;
    height: auto;
    margin: 0 0 10px;
  }

  .commenting textarea {
    position: relative;
  }

  .gallery-content .gallery960 .gallery-products li {
    height: auto;
  }
}
@media only screen and (max-width: 400px) {

  .main-nav ul li a>span.newnav,.main-nav ul li a span.icon.arrows.pullup, .main-nav ul li:hover a span.icon.arrows.dropdown{
    display: none;
  }  

  .main-nav ul li a span.icon.arrows.dropdown, .main-nav ul li a div, .main-nav ul li:hover a span.icon.arrows.pullup{
    display: inline-block;
    margin-right: 5px;
  }
  .main-nav ul li a{
    text-align: left;
  }
  .main-nav ul li div.sub{
    display: none;
  }
  .blog-box-info-title {
    font-size: 14px !important;
  }

  .blog-box-info-desc {
    width: 85% !important;
    margin-top: 5px !important;
  }

  .blog-section-category {
    width: 95%;
  }
  .blog-section-category li {
    width: 50%;
  }

  .blog-sub-menu-holder .blog-sub-menu li {
    display: inherit;
    padding-left: 10px;
    float: none;
  }

  .blog-box-info-more {
    float: right;
    margin-top: 0px !important;
    margin-right: 20px !important;
  }

  .blog-box-img-onebyone, .blog-box-img-twobytwo {
    width: 50%;
    margin: 0px !important;
  }
  .blog-box-img-onebyone img, .blog-box-img-twobytwo img {
    width: 100%;
  }

  .blog-box-img-onebyone.mobile-hide {
    display: none !important;
  }

  .blog-box-img-twobytwo {
    overflow: hidden;
  }
  .blog-box-img-twobytwo .blog-box-info {
    top: 25% !important;
    bottom: 5% !important;
  }

  .blog-box-img-threebytwo {
    width: 100%;
    overflow: hidden;
    margin-left: 0px !important;
  }
  .blog-box-img-threebytwo .box-right {
    right: auto;
  }

  .blog-box-img-fourbytwo {
    width: 100%;
    height: 200px !important;
    overflow: hidden;
    margin-left: 0px !important;
  }
  .blog-box-img-fourbytwo img {
    width: 100%;
  }
  .blog-box-img-fourbytwo .blog-box-info {
    top: 50% !important;
  }

  .blog-box-img-onebytwo, .blog-box-img-onebyfour, .mobile-hide {
    display: none;
  }

  .blog-left, .blog-right {
    padding-left: 1px;
    padding-right: 20px;
  }

  .product-postpaid-spec-box .pp-spec-box-content p.double-line .icon {
    float: none;
  }

  .product-postpaid-box-left, .product-postpaid-box-right {
    width: 100%;
  }

  .product-postpaid-table .table-product {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid grey;
  }
  .product-postpaid-table .table-product p {
    margin-top: 0px;
  }
  .product-postpaid-table .on-mobile {
    width: 50%;
    float: left;
    border-top: 1px solid white;
    margin-bottom: 20px;
  }
  .product-postpaid-table .on-mobile div {
    float: none;
    border-top: 1px solid white;
    border-bottom: 1px solid grey;
  }
  .product-postpaid-table .on-mobile div.w60p {
    width: 100%;
  }
  .product-postpaid-table .on-mobile:first-child {
    border-top: none;
  }

  .h560 {
    height: auto;
    *zoom: 1;
  }
  .h560:before, .h560:after {
    content: "";
    display: table;
  }
  .h560:after {
    clear: both;
  }

  .article-header-info {
    position: relative;
    width: auto;
    padding: 20px;
    right: 0px;
  }
  .article-header-info h2 {
    width: 100%;
  }

  .article-content .article-content-body {
    width: auto;
    margin: 0px;
    padding: 10px;
  }
  .article-content .article-content-body .article-content-media iframe {
    width: 100%;
  }

  .article-content-social .sharing {
    width: 100%;
  }

  .online-single {
    margin-bottom: 30px;
  }

  .cart-quickview {
    float: left;
  }
  .cart-quickview section {
    top: auto;
    left: auto;
  }

  .gallery-content {
    -webkit-box-shadow: inset 0px 5px 10px -4px #131313;
    -moz-box-shadow: inset 0px 5px 10px -4px #131313;
    box-shadow: inset 0px 5px 10px -4px #131313;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=-4px, Direction=135, Color='#131313')";
    filter: none;
  }
  .gallery-content .gallery-filter {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
  }
  .gallery-content .gallery960 {
    margin-left: 0px;
  }
  .gallery-content .gallery960 .gallery-pagination {
    background: none;
    border: none;
    margin-left: 10px;
    margin-bottom: 0px;
  }
  .gallery-content .gallery960 .gallery-pagination .page-indicator {
    display: none;
  }
  .gallery-content .gallery960 .gallery-products li {
    width: 100%;
    margin: 0px;
    min-height: 0;
    padding: 0 0 40px;
  }
  .gallery-content .gallery960 .gallery-products li img {
    width: 20%;
    padding-top: 40px;
    padding-left: 40%;
  }

  .newsletter form input[type*=text], .newsletter form .btn {
    margin-top: 20px;
  }
}





/** Additional Styles for Additional Pages **/

/* Additional pages sprites */
.breadcrumbs .crumbs .icon-new {
  width: 36px;
  height: 36px;
  background: url(../images/icons/sprites2.png) no-repeat left top;
}
.icon-new {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
}

/* ------------------------ */
/* bread crumbs icons -- icon bank on sprite2 */
.breadcrumbs .crumbs .icon-new.international 
{
  background-position: -10px -16px;
  margin-top: 0px;
}
.breadcrumbs .crumbs .icon-new.careers 
{
  background-position: -10px -16px;
  margin-top: 0px;
}



/* International page styles */

.international-flags{padding:20px 0 0 15px; font-family:"fs_elliot_proBold",helvetica;}
.fluid-width .international-flags h4{padding:10px 0; font-size:24px; font-family:"fs_elliot_proBold",helvetica;}
.international-flags h3{padding:30px 0; font-size:18px; font-family:"fs_elliot_proBold",helvetica;}
.international-flags .countries-cc{list-style:none;margin:0;padding:0}
.international-flags .countries-cc li.cc-list{width:220px;min-height:70px;padding:10px 0;display:inline-block}
.international-flags .countries-cc li.cc-list img{float:left;margin-right:18px;-webkit-border-radius:10px;-moz-border-radius:10px;-khtml-border-radius:10px;border-radius:20px}
.box-title-flags { margin: 40px 0 10px; font-size: 22px; font-family: "fs_elliot_proRegular", Helvetica; line-height:15px;  text-align: center; }


.orpink-list-holder{list-style:none;margin:0;padding:30px 0 28px 0;}
.orpink-list-holder li.orpink-list{width:475px;min-height:117px;padding:30px 0;display:inline-block}
.orpink-list-holder li.orpink-list img.promo-image{margin-right:18px;-webkit-border-radius:10px;-moz-border-radius:10px;-khtml-border-radius:10px;border-radius:10px}

/* Usable styles for Careers and International Page */

ul.prod-recommended-list-careers{list-style:none;margin:0 auto;padding:0 0 65px 1px;}
ul.prod-recommended-list-careers li.recommended-card-careers{width:245px;height:auto;text-align:left;display:inline-block;padding:0 35px}
ul.prod-recommended-list-careers li.recommended-card-careers p{font-size:16px;font-family:"fs_elliot_proregular",helvetica}
ul.prod-recommended-list-careers li.recommended-card-careers .car-content-bottom {color:#212223;font-size:13px;font-family:"fs_elliot_probold",helvetica}
.half-box .left-box-tglobe{height:361px;float:right; margin-top:98px; margin-right:162px} p.white-text-careers{color:white;font-size:14px;font-weight:normal;font-family:"fs_elliot_proregular",helvetica; width:375px;}

/* Careers page */

.globe-way {
  font-family: "fs_elliot_prolight", Helvetica;
  color: #000000;
  margin-top: 122px;
  float: right;
  margin-right: -50px;
}
.globe-way p h2 {
  padding-left: 60px;
}

/* Added style for rewards */

.prod-recommended-box-rewards{padding:0px 0 30px;margin:0 auto}
.prod-recommended-box-rewards .rewards-mechanics {display:inline-block; margin: 0 auto; position:relative; left:38%}
.prod-recommended-box-rewards .rewards-mechanics .mechanics-btn {position:relative; height:33px; }


.prod-recommended-box-rewards h3{padding-top:17px; font-size:30px; font-family:"fs_elliot_prolight",helvetica;}
.prod-recommended-box-rewards h3.rewards-main-title{padding-top:17px; font-size:35px; font-family:"fs_elliot_prolight",helvetica; color:#FFFFFF;}
.prod-recommended-box-rewards ul.prod-recommended-list-rewards{list-style:none;padding:35px 0 35px 0}
.prod-recommended-box-rewards ul.prod-recommended-list-rewards li.recommended-card-rewards{width:230px;height:auto;text-align:left;display:inline-block;padding:0 35px 30px}
.prod-recommended-box-rewards p{color:#ffffff;font-size:16px;font-family:"fs_elliot_prolight",helvetica; width:auto;}


/* Mobile internet app inside added style, added page */


.prod-recommended-box-appinside{padding:0 0 40px 4px;margin:0 auto}
.prod-recommended-box-appinside h3{padding:37px 0; font-size:18px;}
.prod-recommended-box-appinside ul.prod-recommended-list-appinside{list-style:none;margin:0 auto;padding:0;}
.prod-recommended-box-appinside ul.prod-recommended-list-appinside li.recommended-card-appinside{width:220px;height:auto;text-align:left;display:inline-block;padding:0 35px}


/* Inner page template 70 - 30 templates */

/* For Liferay tempalte */

/* Sidebar Global */

h4.white-title
{
  color:white;
}

h3.white-title
{
  font-size:25px;
  color:white;
}
p.white-text14
{
  color:white;
  font-size:14px;
  font-weight:normal;
  font-family:"fs_elliot_proregular",helvetica
}
p.white-textc
{
  color:white;
  font-size:14px;
  font-weight:normal;
  font-family:"fs_elliot_proregular",helvetica
}
a.white-texta
{
  color:white;
  font-size:14px;
  font-weight:normal;
  font-family:"fs_elliot_proregular",helvetica
}

p.black-text
{
  color:black;
  font-size:14px;
  font-weight:normal;
  font-family:"fs_elliot_proregular",helvetica;
  padding-left:4px;
}

p.template-title
{
  color:#000000;
  font-size:40px;
  font-weight:normal;
  font-family:"fs_elliot_prolight",helvetica
}

.blog-box-section .right-title-holder
{
  padding:27px 35px 12px 22px; 
  color:#212223;
  margin-bottom: 25px;
}
.blog-box-section .right-title-holder span
{
  margin:0;text-align:left
}
.blog-box-section .right-title-holder span.icon-title-bk
{
  background:transparent url(../images/icons/inner-icons.png) no-repeat -12px -50px;
  width:25px;
  height:25px;
  display:block;
  margin-right:14px;
  float:left;
}

.blog-box-section .right-title-holder span.icon-title-wt
{
  background:transparent url(../images/icons/inner-icons.png) no-repeat -12px -78px;
  width:25px;
  height:25px;
  display:block;
  margin-right:14px;
  float:left;
}
.blog-box-section .right-title-holder .side-article-title
{
  margin-top: 4px;
  display:block;
  font-size:17px;
  font-family:"fs_elliot_probold",helvetica;
  font-weight:normal;
  margin-left: 40px;
}

.right-title-holder .recent-list li span.icon-051
{
  background:transparent url(../images/icons/inner-icons.png) no-repeat -46px -8px;
  width:12px;
  height:13px;
  display:block;
  position:relative;
  top:3px;
  float:left;
}
.recent-list li 
{ 
  list-style-type:none; 
}
.recent-list li a
{
  color:#1853a3;
  font-size:14px;
  padding-left:20px; 
  padding-bottom:10px; 
  display:block; 
  text-decoration:none
}
.recent-list a:hover 
{ 
text-decoration:underline;
}
/* --- COLOR Bank Sidebar 70-30 --- */

/* Grey sidebar */
.grey-sidebg
{
  background:#dfdfdf;
  margin-top:23px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px;
  height:auto; 
  padding-top: 19px;
}
/* Blue sidebar */
.blue-sidebg
{
  background:#0070b5;
  margin-top:23px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px; 
  height:auto;  
  padding-top: 19px;
}
/* Violet sidebar */
.violet-sidebg
{
  background:#594697;
  margin-top:23px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px; 
  height:auto;  
  padding-top: 19px;
}
/* Green sidebar */
.green-sidebg
{
  background:#43a53e;
  margin-top:23px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px; 
  height:auto;  
  padding-top: 19px;
}
/* Orange sidebar */
.orange-sidebg
{
  background:#fd9500;
  margin-top:23px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -khtml-border-radius:10px;
  border-radius:10px;
  height:auto;  
  padding-top: 19px;
}



/* ------- 70-30 template with accordion ------*/
.icon-check{background:transparent url(../images/icons/sprites2.png) no-repeat -16px -80px;width:25px;height:8px;display:block;position:absolute;left:24px;border-top: 25px solid transparent;}

/* Accordion big */
.left-accordion{float:left;padding:0;padding-bottom:70px;}
.left-accordion .date{font-size:14px}
.left-accordion .article-title{font-size:40px;font-family:"fs_elliot_prolight",helvetica;font-weight:normal}
.left-accordion .article-sub-title{font-size:16px;font-family:"fs_elliot_probold",helvetica;font-weight:normal;line-height:1.5;margin:10px 0}
.left-accordion .basic p{line-height:1.5;margin:0;
  border: none;
  text-decoration: none;
  font-size: 13px;
  padding: 16px 0 0 67px;
  font-family:"fs_elliot_proregular",helvetica}
  
.left-accordion .basic1 p{line-height:1.5;margin:0;
  border: none;
  text-decoration: none;
  font-size: 13px;
  padding: 16px 0 0 67px;
  font-family:"fs_elliot_proregular",helvetica}
  
.left-accordion .basic-inside p{line-height:1.5;margin:0;
  border: none;
  text-decoration: none;
  font-size: 13px;
  padding: 16px 0 0 67px;
  font-family:"fs_elliot_proregular",helvetica}



.left-accordion .icon-check{background:transparent url(../images/icons/sprites2.png) no-repeat -16px -80px;width:25px;height:8px;display:block;position:absolute;left:24px;border-top: 25px solid transparent;}

.basic  {
  width: auto;
  font-family: verdana;
}
.basic div {
  background-color: #eee;
  padding-bottom:20px;
  padding-right:38px;
}

.basic a {
  cursor:pointer;
  display:block;
  padding:5px;
  margin-top: 0;
  text-decoration: none;
  font-size: 16px;
  font-family:"fs_elliot_proregular",helvetica;
  color: #026fb2;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #026fb2;
  padding:7px 80px 40px 66px;
  background:transparent url(../images/icons/arrowdown.png) no-repeat right;
  
  
}
.basic a:hover {
  
}

.basic a.selected {
  color: black;
  background-color: #80cfe2;
  background:transparent url(../images/icons/arrowup.png) no-repeat right;
}

/* Accordion small */

.basic1  {
  width: auto;
  font-family:"fs_elliot_proRegular",helvetica;
}
.basic1 div {
  background-color: #eee;
  padding-bottom:20px;
  padding-right:36px;
}

.basic1 p{line-height:1.5;margin:0;
  border: none;
  text-decoration: none;
  font-size: 13px;
  padding: 16px 0 0 67px;
  font-family:"fs_elliot_proregular",helvetica}

.basic1 a {
  cursor:pointer;
  display:block;
  padding:5px;
  margin-top: 0;
  text-decoration: none;
  font-size: 22px;
  font-family:"fs_elliot_proregular",helvetica;
  color: #026fb2;
  border-top: 1px solid #FFFFFF;
  border-bottom: 1px solid #026fb2;
  padding:7px 2px 17px 64px;
  background:transparent url(../images/icons/arrowdown.png) no-repeat right;
  
  
}
.basic1 a:hover {
  
}

.basic1 a.selected {
  color: black;
  background-color: #80cfe2;
  background:transparent url(../images/icons/arrowup.png) no-repeat right;
}


/* end of accordion small */

/* -- Side table -- */
.recent-listtb{padding:1px 0;list-style:none;margin:0}

.st-globe {font-family:"fs_elliot_prolight",helvetica;font-size: 21px;padding:0;margin:0;padding-left: 4px;line-height: 1.2; text-align: center; color:#ffffff;}
.st-globe-date {font-family:"fs_elliot_prolight",helvetica;font-size: 14px;padding:0;margin:0;padding-left: 4px;line-height: 1.2;text-align: center; color:#ffffff;}
.table-pse{font-family:"fs_elliot_proRegular",helvetica;font-size: 15px;padding:0;margin:0 auto;padding-left: 4px;line-height: 1.2; color:#ffffff}


/* Store Locator --- */

table.altrowstable {
  font-family:"fs_elliot_proRegular",helvetica;
  font-size:13px;
  color:#333333;
  border-collapse: collapse;
  margin-bottom:70px;
  margin-top:80px;
  width: auto;
}
table.altrowstable th {
  border-width: 1px;
  padding: 18px 23px 18px 15px;
  text-align:left;
  background-color:#999999;
  font-size:17px;
  color:#FFFFFF;
  width:auto;
}
table.altrowstable td {
  width:auto;
  border-width: 1px;
  padding: 23px 23px 23px 15px;
}
.oddrowcolor{
  background-color:#ffffff;
}
.evenrowcolor{
  background-color:#cccccc;
}

.gallery-filter-locator {
  position: absolute;

  width: 230px;
  line-height: 0;
  left: 20%;
  top: 106px;
  z-index: 2;

}
.gallery-filter-locator .gallery-filter-header {
  display: inline-block;
  background-color: #8f9091;
  width: 100%;
  height: 50px;
}
.gallery-filter-locator .gallery-filter-header h3 {
  float: left;
  margin: 10px 10px 0;
  line-height: 25px;
  font-size: 14px;
  font-family: "fs_elliot_proregular", helvetica;
  text-transform: uppercase;
  color: white;
}

.gallery-filter-locator .gallery-filter-header .icon.collapse, .gallery-filter-locator .gallery-filter-header .cart-quickview section .remove-item, .cart-quickview section .gallery-filter-locator .gallery-filter-header .remove-item {
  margin: 15px 10px;
}

.gallery-filter-locator .icon.collapse, .gallery-filter-locator .cart-quickview section .remove-item, .cart-quickview section .gallery-filter .remove-item {
  float: right;
}

.gallery-filter-locator h4 {
  margin: 0;
  padding: 20px 10px;
  line-height: 1;
  font-family: "fs_elliot_probold", helvetica;
  text-transform: uppercase;
  cursor: pointer;
  border-top: 1px solid #aeaeae;
}

.gallery-filter-locator h4 a {
  display: block;
  color: black;
  text-decoration: none;
}

.gallery-filter-locator h4:first-child {
  border: none;
}

.gallery-filter-locator ul {
  list-style-type: none;
  margin: 0px;
  padding-top: 0px;
  padding-left: 0px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.gallery-filter-locator ul li {
  font-size: 14px;
  line-height: 1;
  margin-left: 20%;
}

.gallery-filter-locator ul li + li dl {
  margin-top: 25px;
}

.gallery-filter-locator ul dl {
  margin: 0px;
  padding: 0px;
  line-height: 1;
}

.gallery-filter-locator ul dt {
  font-family: "fs_elliot_probold", helvetica;
}

.gallery-filter-locator ul dd {
  margin: 0;
}

.gallery-filter-locator ul li + li, .gallery-filter ul dd {
  margin-top: 10px;
}

.gallery-filter-locator ul a {
  color: #1853a3;
  text-decoration: none;
}
.gallery-filter-locator ul a:hover {
  color: #1853a3;
  text-decoration: underline;
}

.gallery-filter-locator ul .empty {
  color: black;
  text-decoration: line-through;
}

/* What we offer select styles */

.blog-box-article-inner-body .select-list
{
  margin: 0;
  padding: 0;
}

.blog-box-article-inner-body .select-list li
{
  list-style-type:none;
  font-family:"fs_elliot_prolight",helvetica; line-height: 2.9;
}

.select-list .bal
{
  margin-top: -15px;  
  position: relative;
  display: inline-table;  
  font-size: 22px;
  color: #007fb6;
}

.select-list .search-btn1
{
  position: relative;
  float: right;
  right: 74px;
}


div.selectBox{position: relative; display: inline-block; cursor: default; text-align: left; line-height: 30px; clear: both; float: right; width:auto;
right: 75px; color:#ffffff;}
      span.selected{width: 325px; text-indent: 10px; border: 1px solid #007ab3; border-right: none; border-top-left-radius: 5px; border-bottom-left-radius: 5px; background: #f6f6f6; overflow: hidden;font-family: Arial, sans-serif;font-size: 12px;font-weight: bold;
                            background: #007ab3;
                        }
      span.selectArrow{width: 30px; border: 1px solid #007ab3; border-top-right-radius: 5px; border-bottom-right-radius: 5px; text-align: center; font-size: 12px; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background: #007ab3; color: #fff;}
      span.selectArrow,span.selected{position: relative; float: left; height: 30px; z-index: 1;}
      ul.selectOptions{position: absolute; top: 28px; left: 0; width: 325px; border: 1px solid #007ab3; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; background: #007ab3; padding-top: 2px; display: none;margin: 0;list-style: none inside none;padding-left: 0; z-index:100;}
      li.selectOption{display: block; line-height: 20px; padding: 5px 0 5px 10px; font-size: 12px; font-weight: bold; font-family: arial, sans-serif;list-style: none;margin: 0;}
      li.selectOption:hover{color: #f6f6f6;background: #4096ee;}
      
      
/* --- Partners outlane, Scroll pane, styles -- */

/* partner-outlets */
.blog-box-article-inner .blog-box-article-inner-body .google-map-dn{ float:right;}

/* Scroll Pane */
.blog-box-article-inner .blog-box-article-inner-body .scroll-pane
{
  font-family:"fs_elliot_proRegular",helvetica;
  font-size:13px;
  color:#0146ad;
  width:160px;
  height: 270px;
  float:left;
  overflow: auto;
  background-color:#FFFFFF;
}
.blog-box-article-inner .blog-box-article-inner-body .scroll-pane .overview li {padding: 6px 6px 6px 5px;}
.blog-box-article-inner .blog-box-article-inner-body .scroll-pane a{color:#333333; width:160px; padding: 6px 6px 6px 20px;}
/*.main-box .box-960 .left-article .scroll-pane .overview a:hover{ background: url(../images/spot.jpg) left no-repeat #d2e7f8; width:160px; padding: 6px 6px 6px 20px;}*/
.blog-box-article-inner .blog-box-article-inner-body .scroll-pane .overview li:hover{ background: url(../images/content/spot.jpg) left no-repeat #d2e7f8;  padding: 6px 6px 6px 5px;}

.blog-box-article-inner .blog-box-article-inner-body .scroll-pane .overview { padding:0 }

.blog-box-article-inner .blog-box-article-inner-body .scroll-pane .overview li {list-style-type:none;}

.blog-box-article-inner .blog-box-article-inner-body .scroll-pane .overview li.loc-active{ background: url(../images/content/spot.jpg) left no-repeat #d2e7f8; padding: 6px 6px 6px 5px;}


table.gcash-table1 {
  width:615px;
  font-family:"fs_elliot_proRegular",helvetica;
  font-size:13px;
  color:#333333;
  border-collapse: collapse;       
  margin-top:-39px;
}
table.gcash-table1 th {
  border-width: 1px;
  padding: 0 40px 9px 14px;
  text-align:left;
  font-size:13px;
  color:#00077c;
  border-bottom: solid 1px #a8bcd7;
}
table.gcash-table1 td {
  border-width: 1px;
  padding: 11px 15px 7px 15px;
  border-bottom: solid 1px #a8bcd7;
}

.blog-box-article-inner .blog-box-article-inner-body .table-container
{
  width:624px;
  float:right;
position: relative;
margin-top: 50px;
}


.blog-box-article-inner .blog-box-article-inner-body .scroll-pane2
{
  padding-top:40px;
  font-family:"fs_elliot_proRegular",helvetica;
  font-size:13px;
  color:#333333;
  width:100%;
  height: 270px;
  overflow: auto; 
}

.jspContainer
{
  overflow: hidden;
  position: relative;
}

.jspPane
{
  position: absolute;
}

.jspVerticalBar
{
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  background: red;
}

.jspHorizontalBar
{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
  margin: 0;
  padding: 0;
}

.jspCap
{
  display: none;
}

.jspHorizontalBar .jspCap
{
  float: left;
}

.jspTrack
{
  background: #d6d6d6;
  position: relative;
}

.jspDrag
{
  background: #838383;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
  float: left;
  height: 100%;
}

.jspArrow
{
  background: #bc39c7;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled
{
  cursor: default;
  background: #e04fea;
}

.jspVerticalBar .jspArrow
{
  height: 10px;
}

.jspHorizontalBar .jspArrow
{
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
  outline: none;
}

.jspCorner
{
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
  margin: 0 -3px 0 0;
}

#shoppingCart, #billingInformation, #shippingInformation, #payment, #paymentSuccess, #errorPage{
  padding-top: 20px;
    border-radius: 5px 5px 0 0;
    height: auto;
    min-height: 400px;
  margin-top: 20px;
}

a.btn-blue:hover{
  text-decoration: none;
  color: #fff; 
}
#shoppingCart .list-item-header, #payment .list-item-header, #paymentSuccess .list-item-header{
  height: auto;
  font-size: 18px;
  padding-left: 20px;
}
#shoppingCart .list-item-header div, #payment .list-item-header div,#paymentSuccess .list-item-header div{
  padding: 15px 0;
}
#shoppingCart .item-details span{
  font: 18px "fs_elliot_proregular";
  display: block;
}

#shoppingCart .desc{
  margin-left: 0px;
  float: left;
 
  padding: 20px;
}
#shoppingCart .price{
  height: auto;
  display: inline-block;
  z-index: 0;
  position: relative;
}
#shoppingCart select{
  width: 47px;
  height: 42px;
}
#shoppingCart .rowContainer .row-fluid{
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #b5b7b9;
}
#shoppingCart .rowContainer .row-fluid:first-child{
  border-top: 0px;
}
#shoppingCart .total-container label{
  display: inline-block;
  margin-right: 10px;
  font: 24px "fs_elliot_proregular";
  padding-top: 10px;
  text-align: right;
}
#shoppingCart .total-container span{
  line-height: 30px;
  display: inline-block;
  text-align: left;
  font: 24px "fs_elliot_proregular";
  padding-top: 10px;
}
#shoppingCart .total-container span.note{
  margin-top: 5px;
  display: inline-block;
  font: 16px "fs_elliot_proregular";
}
#shoppingCart .total-container .total{
  font: 30px "fs_elliot_probold";
}
#shoppingCart .checkout{
}
#billingInformation hr, #shippingInformation hr{
  border-top: 1px solid #B5B7B9;
  clear: both;
  margin: 0;
  size: 1px;
}
#billingInformation .item-header, #shippingInformation .item-header{
  padding: 15px 0;
  font: 18px "fs_elliot_proregular";
}
#billingInformation .item-header div, #shippingInformation .item-header div{
  padding-bottom: 15px;
}
#billingInformation .rowContainer label, #shippingInformation  .rowContainer label, #shippingInformation .item-header label{
  display: inline-block;
  font: 18px "fs_elliot_proregular";
  padding-bottom: 2px;
  line-height: 10px;
}
#billingInformation .rowContainer input[type="text"], #billingInformation .rowContainer input[type="email"], #shippingInformation .rowContainer input[type="text"], #shippingInformation .rowContainer input[type="email"]{
  background: none repeat scroll 0 0 #007AB3;
  border: medium none;
  border-radius: 3px 3px 3px 3px;
  color: #FFFFFF;
  font: 18px "fs_elliot_proregular";
  height: 35px;
  text-indent: 5px;

}
#billingInformation .rowContainer .error, #shippingInformation .rowContainer .error{
  color: red;
  display: block;
  font: 12px/20px "fs_elliot_proregular";
  height: 20px;
  visibility: hidden
}
#billingInformation .rowContainer, #shippingInformation .rowContainer{
  padding: 15px 0 5px 0;
}
#billingInformation .row, #shippingInformation .row{
  margin-left: 0px;
}
#shippingInformation .policy{
  font: 14px "fs_elliot_proregular";
}
#shippingInformation label.useBilling{
  font: 18px "fs_elliot_proregular";
  padding-bottom: 2px;
}
#shippingInformation label.ship{
  display: inline-block;
}
#shippingInformation .rowContainer:last-child .row:last-child{
  padding: 20px 0;
}
#payment .order-header{
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  height: auto;
  padding: 25px 0 40px 20px;
}
#payment div.content{
  margin-left: 0px;
}
#payment .order-header label{
  display: block;
  font: 24px "fs_elliot_probold";
}
#payment .order-header span.value{
  display: block;
  font: 24px "fs_elliot_probold";
}
#payment .order-header span.note{
  font: 16px "fs_elliot_proregular";
}
#payment .cart{
  margin-left: 0px;
}
#payment ul.item-list{
  list-style: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  min-height: 100px;
}
#payment ul.item-list li{
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #b5b7b9;
}
#payment ul.item-list li:first-child{
  border-top:0px;
}
#payment ul.item-list li{
  height: auto;
  overflow: hidden;
  margin: 0px 0px;
}
#payment ul.item-list li .desc{
  height: auto;
}

#payment ul.item-list li .quantity{
  height: auto;
  margin-left: 0px; 
}
#payment ul.item-list li .quantity>span{
  display: block;
  padding: 30px 20px !important;
  font: 18px "fs_elliot_proregular";
}

#payment ul.item-list li .price>span{
  font: 18px "fs_elliot_proregular" !important;
  display: block;
  padding: 30px 20px !important;
}
#payment .total-container{
  height: auto;
  margin: 10px auto 0px;
}

#payment .total-container div label{
  display: block;
  font: 24px "fs_elliot_proregular";
}
#payment .total-container div span{
  height: 30px;
  line-height: 30px;
  font: 24px "fs_elliot_proregular";
  padding-bottom: 10px;
}
#payment a.edit{
  display: block;
  height: 36px;
  overflow: hidden;
  margin: 20px;
}
#payment .label-heading{
  font: 18px "fs_elliot_probold";
  display: block;
  margin: 30px 20px 20px;
}
#payment .address{
  display: block;
  font: 14px "fs_elliot_proregular";
  margin-left: 20px;
}
#payment .edit-address{
  display: block;
  overflow: hidden;
  margin: 20px 20px 0 20px;
  overflow: hidden;
}
#payment .payment-info{
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  width: 285px;
  min-height: 400px;
  height: auto;
  background: #097bab;
}
#payment .payment-info h3{
  font: 18px "fs_elliot_proregular";
  text-align: center;
  color: #ffffff;
  margin: 20px 0px;
}
#payment .payment-info>div{
  width: 245px;
  margin: 0 auto;
  border-bottom: 1px solid #156d93;
}
#payment .payment-info>div .card-icon{
  display: block;
  width: 64px;
  height: 38px;
  overflow: hidden;
  float: left;
  background: url("images/payment.png");
  border: 2px solid #097bab;
  margin-bottom: 20px;
}
#payment .payment-info>div .card-icon.selected{
  border: 2px solid #dee1e5;
}
#payment .payment-info>fieldset{
  padding: 0px;
  margin: 0px;
  border: none;
}
#payment .payment-info fieldset label{
  display: block;
  font: 18px "fs_elliot_proregular";
  font-weight: 300;
  color: #ffffff;
}
#payment .payment-info fieldset input[type="text"]{
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px;
  width: 240px;
  height: 35px;
  border: none;
  background: #dee1e5;
  text-indent: 10px;
  color: #164c95;
  font: 18px "fs_elliot_proregular";
}
#payment .payment-info fieldset .error{
  font: 12px "fs_elliot_proregular";
  color: #920202;
  display: block;
  height: 20px;
  line-height: 20px;
  visibility: hidden;
}
#payment .terms-conditions{
  width: 245px;
  display: block;
  padding: 20px 0px;
  margin: 0px auto;
  border-top: 1px solid #259acc;
  font: 12px "fs_elliot_proregular";
  color: #ffffff;
}
#paymentSuccess>div{
  margin-left: 0px;
}
#paymentSuccess .content .order-header span.thank-you{
  font: 36px "fs_elliot_probold";
  display: block;
}
#paymentSuccess .content .order-header label{
  display: block;
  font: 24px "fs_elliot_probold";
}
#paymentSuccess .order-header{
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 5px 5px 5px 5px;
  height: auto;
  padding: 25px 0 40px 20px;
}
#paymentSuccess .content .order-header span.address{
  font: 12px "fs_elliot_proregular";
  display: block;
}
#paymentSuccess .content .order-header span.card-num, #paymentSuccess .content .order-header span.card-expiry{
  font: 12px "fs_elliot_proregular";
}
#paymentSuccess .cart{
  margin-left: 0px;
}
#paymentSuccess ul.item-list{
  list-style: none;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  min-height: 100px;
}
#paymentSuccess ul.item-list li{
  border-top: solid 1px #ffffff;
  border-bottom: solid 1px #b5b7b9;
}
#paymentSuccess ul.item-list li:first-child{
  border-top: 0px;
}
#paymentSuccess ul.item-list li>div {
height: auto;
overflow: hidden;
margin: 20px 0px;
}
#paymentSuccess ul.item-list li>div .desc {
height: auto;
}
#paymentSuccess ul.item-list li>div .desc>span {
display: block;
padding: 10px 20px;
font: 18px "fs_elliot_proregular";
}
#paymentSuccess ul.item-list li>div .quantity {
height: auto;
margin-left: 0px;
}
#paymentSuccess ul.item-list li>div .quantity>span {
display: block;
padding: 10px 20px !important;
font: 18px "fs_elliot_proregular";
}
#paymentSuccess ul.item-list li>div .price>span {
font: 18px "fs_elliot_proregular" !important;
display: block;
padding: 10px 20px !important;
}
#paymentSuccess .total-container {
height: auto;
margin: 10px auto;
}
#paymentSuccess .total-container label:first-child{
  padding-top: 0px;
}
#paymentSuccess .total-container label {
display: block;
font: 24px "fs_elliot_proregular";
padding-top: 10px;
}
#paymentSuccess .total-container span {
height: 30px;
line-height: 30px;
font: 24px "fs_elliot_proregular";
padding-top: 10px;
margin-left: 20px;
}
#shoppingCart .total-container span.note{
  margin: -11px 20%;
}

#paymentSuccess .rightSide{
  margin-left: 0px;
}
#paymentSuccess .payment-info {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
min-height: 400px;
height: auto;
width: 285px;
background: #097bab;
}
#paymentSuccess .payment-info>div {
width: 245px;
margin: 0 auto;
border-bottom: 1px solid #156d93;
}
#paymentSuccess .payment-info>div .card-icon.selected {
border: 2px solid #dee1e5;
}
#paymentSuccess .payment-info p.terms-conditions{
  width: 245px;
  display: block;
  padding: 20px 0px;
  margin: 0px auto;
  border-top: 1px solid #259acc;
  font: 12px "fs_elliot_proregular";
  color: #ffffff;
  border-bottom: 1px solid #156d93;
}
#paymentSuccess .payment-info p.terms-conditions .help{
  font: 24px "fs_elliot_proregular";
  color: #ffffff;
  display: block;
}
#paymentSuccess .payment-info .border-top{
  border-top: 1px solid #259acc;
  border-bottom: none;
  width: 245px;
  margin: 0 auto 20px auto;
}

#errorPage .order-header a{
  overflow: hidden;
  display: block;
}
#errorPage .rightSide {
margin-left: 0px;
}
#errorPage .payment-info p.terms-conditions .help {
font: 24px "fs_elliot_proregular";
color: #ffffff;
display: block;
}
#errorPage .payment-info .border-top {
border-top: 1px solid #259acc;
border-bottom: none;
width: 245px;
margin: 0 auto;
}
.btn-primary {
  padding:5px;
  border-radius: 5px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #0044cc;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */


  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #0044cc;
  *background-color: #003bb3;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}
.regular-checkbox + label {
    background-color: #005db0;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

label {
    display: inline;
}
  
.regular-checkbox {
    display: none;
}
  
.regular-checkbox + label {
    background-color: #005db0;
    border: 1px solid #cacece;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    height: 8px;
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.shipping-info-view .regular-checkbox + label, #shipping-info .regular-checkbox + label{
  height: 0px;
}
  
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
  
.regular-checkbox:checked + label {
    background-color: #005db0;
    border: 1px solid #adb8c0;
    height: 8px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}
.regular-checkbox:checked + label:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    line-height: 25px;
    top: 0px;
    left: 3px;
    color: #99a1a7;
}
.arrowD{
  width: 45px;
  height: 40px;
  overflow: hidden;
  background-image: url("images/bg/drop-down.png");
  background-position: top right;
  border-radius: 10px;
}
.arrowD select{
  -webkit-appearance:none;
    border-radius: 0;
    -webkit-border-radius: 0;
    background: transparent;
    padding: 3px;
    font-size: 1.2em;
    height: 30px;
    width: 120%;
    overflow: hidden;
    color: #fff;
    border: 0px;
}
.arrowD select option{
  background-color: #0058cc;
  
}
.pop-up-container .pop-up-cart .cart-view .content section ul.item-list li .quantity select{
  display: block;
  margin: 6px -5px;
  border: 0px;
}
div#quantityContainer1, div#quantityContainer2, div#quantityContainer3 { 
  background-image: url("images/bg/drop-down.png");
  height: 45px;
  width: 55px;
  color: #fff;
  list-style-type: none;
  border-radius: 10px;
}
h5#quantityHeader1, h5#quantityHeader2, h5#quantityHeader3{
  padding: 10px 20px 0 0;
}
ul#quantityList1, ul#quantityList2, ul#quantityList3{
  list-style-type: none;
  margin: -3px 0 0 0px;
  width: 55px;
}
ul#quantityList1 li, ul#quantityList2 li, ul#quantityList3 li{
  background-color: #0058CC;
  color: #fff;
}
ul#quantityList1 li:hover, ul#quantityList2 li:hover, ul#quantityList3 li:hover{
  background-color: #2F77D6;
}
ul.selectD li { padding: 12px 23px 0 0; }
ul.selectD li:not(.init) { 
  float: left; 
  background: none repeat scroll 0 0 #0058CC;
  display: list-item;
  width: 58%; 
  display: none; }
ul.selectD li:not(.init):hover, ul.selectD li.selected:not(.init) { background: #09f; display: block;}
li.init { cursor: pointer; }
@media only screen and (max-width: 301px){

  header.main {
    height: 57px;
  }
  .sticky-login .collapse-button {
    position: absolute;
    right: 0px;
    margin: -44px 35px 0 0;
    width: 30px;
    height: 30px;
    background: url(../images/icons/icon-person.png) no-repeat center;
    background-size: 27px;
    }
.search.launcher span {
width: 35px;
height: 31px;
top: 25px;
position: absolute;
background: url(../images/icons/icon-search2.png) no-repeat left top;
background-size: 35px;
right: 14px;
}
}
@media only screen and (max-width: 639px){
  #shippingInformation .next-step {
    position: absolute;
    right: 56%;
    bottom: 20px;
  }
  #billingInformation .rowContainer input[type="text"], #shippingInformation .rowContainer input[type="text"]{
    width: 29%;
  }
  #errorPage .rightSide {
    display: inline-block;
    margin: 30px;
  }
  #paymentSuccess .order-header,#payment .order-header{
    width: 32%;
  }
  #paymentSuccess ul.item-list li:last-child, #payment ul.item-list li:last-child{
    border-bottom: none;
  }
  #payment ul.item-list li .price>span{
    margin-top: -20px;
  }
  #shippingInformation .rowContainer input[type="email"], #shippingInformation .rowContainer input[type="text"], #billingInformation .rowContainer input[type="email"], #billingInformation .rowContainer input[type="text"]{
    width: 28%;
  }
  #shippingInformation .policy{
    width: 35%;
  }
  #shippingInformation .next-step {
    right: 65%;
  }
  #billingInformation .next-step{
    left: 16%;
  }
  #shoppingCart .checkout {
    margin-right: 70%;
  }
  #shoppingCart .total-container {
    /*left: -28
    %;*/
    /*position: relative;*/
    float: left;
  }

}
@media only screen and (max-width: 320px) {
  .breadcrumbs .crumbs h2 {
    font-size: 22px;
  }
  #shippingInformation .policy {
    width: 29%;
  }
  #shippingInformation .next-step {
    right: 70%;
  }
  #paymentSuccess .order-header, #payment .order-header {
    width: 27%;
  }
  #payment .payment-info {
    margin: 1%;
  }
  #paymentSuccess .payment-info {
    margin-left: 8px;
  }
  #errorPage .order-header {
    width: 28%;
  }
  #shoppingCart #deviceImg {
    margin-left: 8%;
  }
  #shoppingCart .item-details span {
    margin-left: 7%;
    text-align: center;
  }
  #paymentSuccess .total-container div span {
    position: absolute;
    left: 15%;
    top: -8px;
  }
}
.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}
.clearfix:after{clear:both;}
.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}
.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.carousel{position:relative;margin-top:-20px;line-height:1;}
.carousel-inner{overflow:hidden;width:100%;position:relative;margin-top: 5%}
.carousel-inner>.item{display:none;position:relative;-webkit-transition:0.5s ease-in-out left;-moz-transition:0.5s ease-in-out left;-o-transition:0.5s ease-in-out left;transition:0.5s ease-in-out left; min-height: 300px;}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;line-height:1;}
.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block;}
.carousel-inner>.active{left:0;}
.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%;}
.carousel-inner>.next{left:100%;}
.carousel-inner>.prev{left:-100%;}
.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0;}
.carousel-inner>.active.left{left:-100%;}
.carousel-inner>.active.right{left:100%;}
.carousel-control{position:absolute;top:40%;left:-6%;width:40px;height:40px;margin-top:-20px;font-size:60px;font-weight:100;line-height:30px;color:#ffffff;text-align:center;/*background:#222222;*/border:3px solid #ffffff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:0.5;filter:alpha(opacity=50);}.carousel-control.right{left:auto;right:-8%;}
.carousel-control:hover,.carousel-control:focus{color:#ffffff;text-decoration:none;opacity:0.9;filter:alpha(opacity=90);}

.carousel-indicators .active{background-color:#fff;}
.carousel-caption{position:absolute;left:0;right:0;bottom:0;padding:15px;background:#333333;background:rgba(0, 0, 0, 0.75);}
.carousel-caption h4,.carousel-caption p{color:#ffffff;line-height:20px;}
.carousel-caption h4{margin:0 0 5px;}
.carousel-caption p{margin-bottom:0;}
.carousel a{text-decoration: none;}
.carousel p{line-height: 18px;}
.hero-media p{text-align: center;}
/*Chat live*/

.chat{
background: url(../images/icons/chat.png) no-repeat left top !important;
background-position: -5px -8px !important;
width: 38px !important;
height: 37px !important;
}

#live-chat{
cursor:pointer;
}

#price a{
  text-decoration: underline;
}

@media only screen and (max-width: 1024px) {
	.breadcrumbs .page-sub{
		/*min-width: 445px;*/
	}
}

@media only screen and (max-width: 1280px){
	.stickyMobile .collapse-button-mobile{
								}
	.search-box.top{
		position: absolute;
		right: 0px;
	}
}


@media only screen and (max-width: 480px){
	.stickyMobile .collapse-button-mobile{
		top:-8px;
			}
	.catalog-product-view .carousel.two h2 {
		font-size: 17px !important;
		padding-bottom: 5px;
		margin-top: -4px;
	}

}

/*  Galaxy Note2 - landscape Due to the Screen Height and Width is changing during orientation changes */
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (min-device-width: 1270px) and (max-device-width: 1300px) and (orientation: landscape) {
   .stickyMobile .collapse-button-mobile{
		top:-8px !important;
			}
}

/*Samsung galaxy y device*/
@media only screen and (max-width: 320px) and (min-width: 240px){
	.stickyMobile .collapse-button-mobile{
		top:1px !important;
			}
	.breadcrumbs .page-sub li {
		padding-left: 36%;
	}

}

/*Added jan10  Ipad mini*/
@media only screen and (max-width: 960px){
	
  .breadcrumbs .crumbs {
        white-space: nowrap;
	}
	
	.breadcrumbs .page-sub {
    width: 433px;
	}
	
	#breadcrumb-product-name {
		font-size: 84% !important;
		top: 109px;
	}

	.carousel .social-sharing {
		
	}

	.hero-media img{
		margin-left:-47px
	}
}


/* hide input in dropdown */
#phone-gallery .select2-search { display: none !important; }
.select2-disabled { display: none !important; }